Edited at

jqueryでのcheckboxの全選択

More than 5 years have passed since last update.

jquery1.10.1で checkboxを選択すると、他のチェックボックスを全選択させようとした。

そして無駄にハマったのでメモ

<input type="checkbox" id="check-all">

<input type="checkbox" value="1" name="a" class="bar">
<input type="checkbox" value="2" name="b" class="bar">
<input type="checkbox" value="3" name="c" class="bar">



$('#check-all').on('click', function() {

$('input.bar:checkbox').attr('checked', $(this).is(':checked'));
});



$('#check-all').on('click', function() {

$('input.bar:checkbox').prop('checked', $(this).is(':checked'));
});

誤のほうだと、2回目までは問題ないが、3回目からは、checked=checkedが付与されるのに

画面上はチェックが入らない現象になった。