jqueryでテーブル内のすべてのチェックボックスを無効にする

Question

同じテーブル内のハイパーリンクをクリックすると、テーブルセル内のすべてのチェックボックスを無効にする必要があります。

次のjqueryコードを使用して、テーブル内にネストされたすべてのチェックボックスを選択しています。

$el = $(this).parents('table:eq(0)')[0].children('input[type="checkbox"]'); 
$($el).attr('checked', true); 

何らかの理由で、このコードが機能しません。

誰でも私にそれを修正する方法を教えてもらえますか？

Answer 1

$('table input[type=checkbox]').attr('disabled','true'); 

あなたがテーブル

$('table#ID input[type=checkbox]').attr('disabled','true'); 

Answer 2

無効にしますか？

$("a.clickme").click(function(){ 
    $(this)     // Link has been clicked 
    .closest("td")   // Get Parent TD 
    .find("input:checkbox") // Find all checkboxes 
    .attr("disabled", true); // Disable them 
}); 

またはチェック済み？

$("a.clickme").click(function(){ 
    $(this)     // Link has been clicked 
    .closest("td")   // Get Parent TD 
    .find("input:checkbox") // Find all checkboxes 
    .attr("checked", false); // Uncheck them 
}); 

Answer 3

のIDを持っている場合、あなたのコードはずっと簡単になります

$el = $(this).parents('table:eq(0)')[0].children('input[type="checkbox"]'); 

は次のようになります。

$el = $(this).parents('table:first :checkbox'); 

$el.attr('disabled', 'disabled'); 

たり、それらをチェックする：

そして、それらを無効にする

$el.attr('checked', 'checked'); 

たり、それらをオフにする：

$el.removeAttr('checked'); 

たり、それらを有効にする：

$el.removeAttr('disabled'); 

Answer 4

参照してください。 ：selector/checkbox

jQuery("#hyperlink").click(function() { 
    jQuery('#table input:checkbox').attr('disabled', true); 
    return false; 
}); 

Answer 5

//有効/無効すべてのチェックボックス

$('#checkbox').click(function() { 

    var checked = $(this).attr('checked'); 
    var checkboxes = '.checkboxes input[type=checkbox]'; 

    if (checked) { 
     $(this).attr('checked','checked'); 
     $(checkboxes).attr('disabled','true'); 
    } else { 
     $(this).removeAttr('checked'); 
     $(checkboxes).removeAttr('disabled'); 
    } 
}); 

Answer 6

これが私の解決策

// Action sur le checkbox 
     $("#tabEmployes thead tr th:first input:checkbox").click(function() { 
      var checked = $(this).prop('checked'); 
      $("#tabEmployes tbody tr td:first-child input:checkbox").each(function() { 
       $(this).prop('checked',checked); 
      }); 
     }); 

Answer 7

です------------------ -------------下記のHTMLコード------------------------------

<table id="myTable"> 
    <tr> 
     <td><input type="checkbox" checked="checked" /></td> 
     <td><input type="checkbox" checked="checked" /></td> 
     <td><input type="checkbox" /></td> 
     <td><input type="checkbox" /></td> 
    </tr> 
</table> 

<input type="button" onclick="callFunction()" value="Click" /> 

---------------- ---------------下のJQueryコード-----------------------------

<script type="text/javascript"> 
    function callFunction() { 
     //: 
     $('table input[type=checkbox]').attr('disabled', 'true'); 
    } 
</script>