jquery チェックボックス チェックボックス すべて選択、反転 select_jquery

settings=$.extend({
groupSelector:null,
groupName:'group_name',
enabledOnly:false
},options || {}) ;

var ctrl_box=this;


// グループ セレクター オーバーライド オプションを許可します
var grp_slctr = (settings.groupSelector==null) ? settings.groupName ']' : settings.groupSelector;

//必要に応じて有効なチェックボックスのみを取得します
if(settings.enabledOnly)
{
grp_slctr = ':enabled'; >}

//「すべてチェック」チェックボックスにクリック イベントを添付します
ctrl_box.click(function(e){
chk_val=(e.target.checked);
$(grp_slctr). attr('checked',chk_val);
//他に「すべて選択」ボックスがある場合は、それらを同期します
ctrl_box.attr('checked',chk_val); );
/ /「グループ」のチェックボックスにクリック イベントをアタッチします。
$(grp_slctr).click(function(){
if(!this.checked)
{
ctrl_box. attr('checked', false);
}
else
{
//chkbx の数がチェックされた chkbx の数と等しい場合
if($(grp_slctr).size ()==$( grp_slctr ':checked').size()){
ctrl_box.attr('checked','checked')
}
}
}); >//この関数を jquery 内でチェーン可能にします
return this>})(jQuery);

主に次の使用方法を確認します。 🎜>

コードをコピー


コードは次のとおりです:


checkall< ;br>