jquery - jquery复选框组问题

Question

我在不同的div中有几个相同的复选框组，像这样......

                                <h3 class="con_act_list">Activity</h3>

                                <ul id="activity">                                  
                                    <li><input type="checkbox" id="con_act_1" name="con_act[]" class="con_act" value="fabricate"/> Fabricate roofs<li>
                                    <li><input type="checkbox" id="con_act_2" name="con_act[]" class="con_act" value="buy-In"/> Buy-in roofs<li>
                                    <li><input type="checkbox" name="con_act[]" class="con_act" value="install"/> Install roofs<li>
                                </ul>

我正在使用 class="con_act" 来定位并将这些复选框设置为所有选中的或所有取消选中的但不是

我正在使用这个功能...

$(".con_act_list").click(function() {

            $(this).parent().find(".con_act").attr('checked', !$(".con_act").is(':checked'));
        });

这适用于一组（上图）但不适用于使用相同类选择器的其他组。

任何人都可以帮忙吗？

Answer 1

只需使用

$(this).next() 

代替

$(this).parent()

看看这个 JSFiddle 并告诉你是否想要这样：

http://jsfiddle.net/cuAdP/