通过值选择jQuery，不接受存储在变量中的值

Question

我有一个存储在变量中的值。 现在，我想选择其值与存储的值匹配的元素。 这是代码

的HTML

<input type='radio' name='abc' value='a'>A<br>
<input type='radio' name='abc' value='b'>B<br>
<input type='radio' name='abc' value='c'>C<br>
<button>click me!</button>

JS那不起作用

$('button').click(function(){
  var x="a";
  $('input[value=x]').attr('checked','true');
})

起作用的JS

$('button').click(function(){
    $('input[value='a']').attr('checked','true');
})

谁能指出这个问题？

这是codepen中的代码http://codepen.io/anon/pen/doEPLG

Answer 1

$('input[value=x]') 

在这一行中，如果您想从变量x解释值，则将'x'解释为值而不是变量x，您可以这样做：

$("input[value=" + x + "]")

现在，x应该被视为变量x。 选中它可以解决问题

Answer 2

你可以试试这个吗？

$('button').click(function(){
var x='"a"';
$('input[value=' + x + ']').attr('checked','true');
})

您正在尝试选择值为“ x”的输入对象，而不是选择变量x中包含的值的对象。 这应该纠正它。