javascript – 检查jQuery中具有特定列表值的复选框的最快方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 检查jQuery中具有特定列表值的复选框的最快方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1424字，纯文字阅读大概需要3分钟。

内容图文

这是我的HTML Dom：

<input type="checkbox" class="chk-act" name="actionChk" value="17">
<input type="checkbox" class="chk-act" name="actionChk" value="18">
<input type="checkbox" class="chk-act" name="actionChk" value="19">
<input type="checkbox" class="chk-act" name="actionChk" value="20">
<input type="checkbox" class="chk-act" name="actionChk" value="21">

我有一个jQuery脚本,它返回了ajax的JSon响应：

["18","20","21"]

该列表最长可达200??名成员.因此,当我返回响应时,我有兴趣找到检查复选框的最快方法,它在上面的列表中有一个值.你的建议是什么？

解决方法:

最快的方法是在复选框列表中添加id标识符.例如 –

<input type="checkbox" class="chk-act" name="actionChk" value="17" id='chk-act-17' />
//incidentally, I hope the lack of a closing '/' was an oversight
//when you get your JSON response, in your ajax success or done methods
var resp = ["12", "232"],
    respLength = resp.length;
for(var i = 0; i < respLength; i += 1){
    $('#chk-act-' + resp[i]).prop('checked', true);
    //if your are using jquery 1.7+ that is, otherwise use, 
    $('#chk-act-' + resp[i]).attr('checked', 'checked');
}

JS Perf测试

比较当前的两个答案,通过降低丑陋的“id”实施,可以更好地满足OP对“最快”的要求.
Js Perf

FIddle补充道

JS FIddle

从小提琴发布代码 –

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13],
    checkboxes = $('.chk');

checkboxes.each(function(i, item){
    $(this).prop('checked', false);
});

arr.forEach(function(item, i) {
    $('#chk_' + item).prop('checked', true);
});

内容总结

以上是互联网集市为您收集整理的javascript – 检查jQuery中具有特定列表值的复选框的最快方法全部内容，希望文章能够帮你解决javascript – 检查jQuery中具有特定列表值的复选框的最快方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端