jquery选择div复选框

Question

我想知道当有人点击整个div层时,jQuery中是否有办法检查/取消选中复选框.就像拥有一个庞大的选择区域一样.

有任何想法吗？

这是一个例子......我试图让复选框可以点击以切换单个复选框,非常多.

<fieldset>
    <div>
        <input type="checkbox" id="Checkbox1" />
    </div>
    Person 1<br />
</fieldset>
<fieldset>
    <div >
        <input type="checkbox" id="Checkbox2" />
    </div>
    Person 2<br />
</fieldset>

Answer 1

也许使用单击的div作为父级.

$(function() {
     $('#divId').toggle(
       function(event) {
         $(this).find('input').attr('checked', true);
       },
       function(event) {
         $(this).find('input').attr('checked', false);
       }
     );
 });

这应该只检查被点击的#divId中的框.

Answer 2

$('fieldset div').bind('click', function() {
    var checkbox = $(this).find(':checkbox');

    checkbox.attr('checked', !checkbox.attr('checked'));
});