jquery - 如何使用 jQuery 检查和禁用多个复选框？

Question

我有以下 HTML 代码:

<input type="checkbox" value="1" />
<input type="checkbox" value="2" />
...
<input type="checkbox" value="30" />

并且用户在之前的访问中选中了一些复选框，这些值存储在变量中(从服务器获取其值):

myChoices = ["1", "5", "12"]

检查 myChoices 中具有值的所有复选框很容易，可以通过以下方式完成:

$.(':checkbox').val(myChoices)

但我想选中并禁用这些框。我确实有如下解决方案:

$(':checkbox').each(function()
           {if ($.inArray(this.value, myChoices) != -1)
                {this.checked=true; this.disabled=true;}
})

它工作得很好，但我只是想知道是否有一个更简单的解决方案，类似于 val() ，它是如此优雅。

谢谢。

Answer 1

你可以这样做:

$(":checkbox").val(myChoices).filter(":checked").attr("disabled",true);

这是 jsfiddle http://jsfiddle.net/P4VhK/ 中的示例