JQuery操作CheckBoxList的问题

Question

一个CheckBoxList在Html的代码如下，CheckBoxList的ID为chkStaff：<table id="chkStaff" border="0">
<tr>
<td><input id="chkStaff_0" type="checkbox" name="chkStaff$0" /><label for="chkStaff_0">吴敬琏</label></td><td><input id="chkStaff_1" type="checkbox" name="chkStaff$1" /><label for="chkStaff_1">郎咸平</label></td><td><input id="chkStaff_2" type="checkbox" name="chkStaff$2" /><label for="chkStaff_2">张苇苇</label></td><td><input id="chkStaff_3" type="checkbox" name="chkStaff$3" /><label for="chkStaff_3">杨晴</label></td><td><input id="chkStaff_4" type="checkbox" name="chkStaff$4" /><label for="chkStaff_4">倪中</label></td><td><input id="chkStaff_5" type="checkbox" name="chkStaff$5" /><label for="chkStaff_5">四川</label></td>
</tr>
</table>]用这个代码的话，会把整个页面所有的CheckBox都选上，我只想选择上面的chkStaff下面的checkbox  $(document).ready(function () {
            $("#ww").click(function () {
                $(":checkbox").nam.each(function () {
                    $(this).attr("checked", true);
                }); 
            });
        });
因为对jquery不熟悉，不知道怎样把Name属性加入进行一个筛选

Answer 1

$(":checkbox[name='chkStaff$0']").each(function () { alert($(this).val()); });

Answer 2

本帖最后由 net_lover 于 2012-09-14 12:32:39 编辑

  

Answer 3

 或者
$(document).ready(function () {
    $("#ww").click(function () {
        $("input[name^='chkStaff']").each(function () { $(this).attr("checked", true); });
    });
}); 

Answer 4

[pro='val'] 属性为val
[pro^='val'] 属性以val 开始
[pro$='val'] 属性以val 结束
[pro!='val'] 属性不包含 val

Answer 5

<input id="chkStaff_0" type="checkbox" name="chkStaff$0"  class="name"/>
可以给文本框加上类选择器：class="name",然后修改成
$(document).ready(function () {
            $("#ww").click(function () {
                $(".name").attr("checked", true);
        });很简单的，照着我的做试试看，既方便又实用。

Answer 6

一句就搞定了
 $("input[name='chkStaff$0']").attr("checked",true);

Answer 7

jQuery("#chkStaff").find("input[type='checkbox']").attr("checked",true); 

Answer 8

$("#chkStaff :checkbox").attr("checked","checked");