便利で実用的な jQuery チェックボックス チェックボックス 全選択 関数 シンプル example_jquery

コードをコピー コードは次のとおりです。

// メイン チェックボックス
< input type="checkbox" id="ck" name="ckAll">// サブチェックボックス項目

コードをコピー コードは次のとおりです。

var $ckAll = $("input[ name=' ckAll']");
var $ckItm = $("input[name='ckItm']");
var len = $ckItm.length;
$ckAll.click(function () {
// $ckAll の現在の選択状態を取得します。選択されている場合は他のサブチェックボックスが選択され、そうでない場合はキャンセルされます。
$ckItm.prop('checked',this.checked) ;
});
$ckItm.click(function() {
// 判定イベントを b
にバインドする var b=$ckItm.filter(":checked").length== len;// 選択されている場合 サブチェックボックスの数が総数と同じで、メインチェックボックスが選択されます
// 三項演算で判定
var flag=$ckAll.prop("checked" ,b?true:false) ;
});