仅在jquery的复选框中选中选定的值

Question

我试过这段代码但没有用。拜托，有人帮助我。

var numbers = [649,583,613,670,520]; //checkbox values
    $.each(numbers,function(val,text) {
        $("input:checkbox").setAttribute("checked", "checked");
        });

Answer 1

您的选择器缺少应该检查的number。以下内容将起作用：

＆＃13;

＆＃13;

var numbers = [649,583,613,670,520];
$.each(numbers,function(index, number) {
  $("input:checkbox[value='"+number+"']").prop("checked", true);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" value="600" />600<br />
<input type="checkbox" value="613" />613<br />
<input type="checkbox" value="649" />649

＆＃13;

＆＃13;

＆＃13;

注意：处理布尔属性或属性时总是使用.prop()，例如disabled，checked，selected等。

Answer 2

您可以对checked数组使用forEach()，在forEach()内可以使用以下方法。

jQuery 1.6 +

您可以使用新的.prop()方法：

  

<强>样本

var numbers = [649, 583, 613, 670, 520]; //checkbox values

numbers.forEach(v => {
//set checked using prop by passing true value
  $(`input:checkbox[value=${v}]`).prop("checked",true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" value="649">649<br />
<input type="checkbox" value="583">583<br />
<input type="checkbox" value="613">613<br />
<input type="checkbox" value="670">670<br />
<input type="checkbox" value="12">12<br />
<input type="checkbox" value="232">232<br />
<input type="checkbox" value="234">234<br />
<input type="checkbox" value="2343">2343<br />

jQuery 1.5.x及以下

.prop()方法不可用，因此您需要使用.attr()。

  

<强>样本

var numbers = [649, 583, 613, 670, 520]; //checkbox values

numbers.forEach(v => {
//set checked using attr by passing true value
  $(`input:checkbox[value=${v}]`).attr("checked",true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<input type="checkbox" value="649">649<br />
<input type="checkbox" value="583">583<br />
<input type="checkbox" value="613">613<br />
<input type="checkbox" value="670">670<br />
<input type="checkbox" value="12">12<br />
<input type="checkbox" value="232">232<br />
<input type="checkbox" value="234">234<br />
<input type="checkbox" value="2343">2343<br />