jqueryを使用して「すべて」チェックボックスをオンにしてすべてのチェックボックスをオンにしてください

<body>           
<input type="checkbox" id="chkMain" /> 
<input type="checkbox" id="chkMain1" /> 
<input type="checkbox" id="chkMain2" /> 

<br> 
<P><input class="child" type="checkbox" id="chk1" disabled="true" /> 
<input class="child" type="checkbox" id="chk" disabled="true" /> 
<input class="child" type="checkbox" id="chk" disabled="true" /> 
<input class="child" type="checkbox" id="chk" disabled="true" /> 
<input class="child" type="checkbox" id="chk" disabled="true" /> 
<input class="child" type="checkbox" id="chk" disabled="true" /> 
<input class="child" type="checkbox" id="chk_all" disabled="true" />ALL</p></br> 


$(function(){   
    $("input[id^=chkMain]").click(function(){    
     var otherCks = $("input[id^=chkMain]").not(this); 
     if(!$(this).is(":checked")) {       
      $(".child").attr("disabled" , true);          
      otherCks.removeAttr ("disabled"); 
     }     
     else {       
      $(".child").removeAttr ("disabled");     
      otherCks.attr("disabled" , true) 
     }   
    });  
});

出典

2011-01-11 Harshil

ここでは、 "ALL"チャンクボックスをクリックするとすべての子チェックボックスを有効にしたい – Harshil

"すべて"チェックボックスが無効になっていると思います。これは意味をなさないと思われます。回答と無効なHTMLの+1は – JasCav

あなたの質問では問題は言及していません。また、無効なHTMLを持っているチェックボックスchkMain

$(function(){ 
    $("#chk_all").click(function(){ 
     $("input:checkbox").attr("disabled", !(this.checked)); 
    }); 
});

をクリックしたときに、クラス名の子供とすべてのチェックボックスをチェックしたいと仮定。複数の要素が同じIDを持っています。

出典

2011-01-11 17:08:40 rahul

です。 – JasCav

oh、sry ... 1から5の番号をつけたchkboxを仮定して、すべてのchkboxが置かれている！上記のコードはどこに貼り付けますか？後であれば？ – Harshil

要件をもう少し明確に指定できますか？ – rahul

あなたの質問は非常に不明です。チェックボックスを有効または無効にするための回答が既にあります。しかし、あなたのコードから収集できるものに基づいて、すべてのチェック/チェックを外すチェックボックスを作成したいと思うようですか？

もしそうなら、あなたは簡単なチェック-すべて/オフ、すべてを次のように行うことができます：あなたのチェックボックスは、おそらく名前が含まれている必要があり

<script type="text/javascript"> 
$(document).ready(function() { 
    $('input.check_all').click(function() { 
     if ($(this).attr('checked')) 
     { 
      $('input.child, input.check_all').attr('checked', 'checked'); 
     } 
     else 
     { 
      $('input.child, input.check_all').removeAttr('checked'); 
     } 
    }); 
}); 
</script> 

<input class="check_all" type="checkbox" name="foo[]" /> All<br /> 
<input class="child" type="checkbox" name="foo[]" /><br /> 
<input class="child" type="checkbox" name="foo[]" /><br /> 
<input class="child" type="checkbox" name="foo[]" /><br /> 
<input class="child" type="checkbox" name="foo[]" /><br /> 
<input class="child" type="checkbox" name="foo[]" /><br /> 
<input class="child" type="checkbox" name="foo[]" /><br /> 
<input class="child" type="checkbox" name="foo[]" /><br /> 
<input class="child" type="checkbox" name="foo[]" /><br /> 
<input class="child" type="checkbox" name="foo[]" /><br /> 
<input class="child" type="checkbox" name="foo[]" /><br />

。また、複数のDOM要素で同じIDを使用することはできず、エラーが発生します。

出典

2011-01-11 17:18:10

jqueryを使用して「すべて」チェックボックスをオンにしてすべてのチェックボックスをオンにしてください

答えて

関連する問題