Jquery按属性值选择不起作用 – 包含值中的空格

在我的复选框中,我正在使用选择元素使用值…为那(样本)我做这样的..

<form>
    <input type="checkBox" value="one 234" />
</form>

function doit(){
    var x = "one 234"
    $(':checkBox[value='+x+']')
    .css({border:"1px solid green"})
}

doit();

但是不起作用..如果我删除“一个234”的值之间的空间 – 它的工作原理.如何处理这种情况..？

这是jsfiddle

解决方法

使用引号：

$(':checkBox[value="'+x+'"]')

或者filter,我个人认为更清洁,你不必担心任何角色逃脱：

$(':checkBox').filter(function(){ return this.value===x })