いくつかのチェックボックスと、少なくとも 1 つのチェックボックスがオンになっているかどうかを示すステータス ボックスがあります。
チェックボックスの切り替えで機能するすべて/なしのチェックボックスもありますが、各チェックボックスに割り当てられている変更イベントをトリガーしていないため、すべて/なしのチェックボックスを使用するとステータスは更新されません。
これが私の実装です:
いくつかのチェックボックスと、少なくとも 1 つのチェックボックスがオンになっているかどうかを示すステータス ボックスがあります。
チェックボックスの切り替えで機能するすべて/なしのチェックボックスもありますが、各チェックボックスに割り当てられている変更イベントをトリガーしていないため、すべて/なしのチェックボックスを使用するとステータスは更新されません。
これが私の実装です:
function toggleChecked(status) {
$(".chkbx").each( function() {
$(this).prop("checked", status).change(); // you have to trigger the event
});
}
スクリプトによる入力要素への変更は、onchange
イベントをトリガーしません。
change()
または、以下のように入力の変更を更新しながらトリガーすることもできます。
$(this).prop("checked", status).change();
完全なコード:
function toggleChecked(status) {
$(".chkbx").each( function() {
$(this).prop("checked", status).change();
});
}
.prop
の代わりにも使用.attr