Bir tablo içindeki tüm onay kutularını jquery

Question

ile devre dışı bırakma Aynı tablo içindeki bir köprüyü tıklatırken bir tablo hücresindeki tüm onay kutularını devre dışı bırakmam gerekir.

Tablonun içine yerleştirilmiş tüm onay kutularını seçmek için aşağıdaki jue kodu kullanıyorum.

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

Bazı nedenlerden dolayı bu kod çalışmıyor.

Birisi bana nasıl düzeltileceğini gösterebilir mi?

Answer 1

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

Eğer tablo için bir kimliği varsa

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

Answer 2

Devre Dışı Bırakma?

$("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 
}); 

veya Checked?

$("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

Kodunuz çok daha basit olabilir:

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

olabilir:

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

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

veya onları kontrol etmek:

Sonra onları devre dışı bırakmak için

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

veya işaretlerini kaldırmaktır:

$el.removeAttr('checked'); 

veya bunları etkinleştirmek için:

$el.removeAttr('disabled'); 

Answer 4

bakın ayrıca: selector/checkbox

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

Answer 5

// Etkin/Devre Dışı Tüm Onay kutuları

$('#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

Bu benim çözüm

// 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

olduğunu ------------------ ------------- Aşağıdaki HTML Kodu ------------------------------

<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 Kodu aşağısı -----------------------------