1

如果选择了特定的复选框，我正在尝试在 div 中选择多个复选框。这就是我想要做的http://jsfiddle.net/8PLH6/

我正在努力完成这项工作。如果我选中“全部”，则应选中以下所有复选框。出于某种原因，我无法正确选择选择器。代码：

<div style="float:left;padding-right:15px;">
<div align="left" style="padding-bottom: 4px; padding-left: 6px;" class="bottom">
    <input type="checkbox" value="1" id="all"/><a href="#" title="All">All</a>
</div>
<div align="left" style="padding-bottom: 4px; padding-left: 6px;" class="bottom">
    <input type="checkbox" value="1" id="cat417"/><a href="" title="1">1</a>
</div>
<div align="left" style="padding-bottom: 4px; padding-left: 6px;" class="bottom">
    <input type="checkbox" value="1" id="cat410"/><a href="" title="2">2</a>
</div>
<div align="left" style="padding-bottom: 4px; padding-left: 6px;" class="bottom">
    <input type="checkbox" value="1" id="cat401"/><a href="" title="3">3</a>
</div>
<div align="left" style="padding-bottom: 4px; padding-left: 6px;" class="bottom">
    <input type="checkbox" value="1" id="cat415"/><a href="" title="4">4</a>
</div>
</div>

和

$(document).ready(function () {
$('#all').change(function () {
    $a = $(this).parent('div').parent('div').children('div').children('input[type="checkbox"]');
    $b = $(this).attr('checked');
    if ($b) {
        $($a).attr('checked', true);
    } else {
        $($a).attr('checked', false);
    }
});

});

4

1 回答 1

2

这可能非常棘手。请使用该.prop()功能。

$(document).ready(function()
{
    $('#all').on("click",function () {
          $("input[type='checkbox']").not("#all").each(function() 
       {
           $(this).prop("checked",$("#all").is(":checked"));
        });
    });
});

jsfiddle：http: //jsfiddle.net/8PLH6/3/

于 2013-02-06T23:36:47.170 回答