所有勾選第一個複選框時選中

Question

我有一個複選框的問題。我想檢查所有當第一個複選框被選中。這是我的代碼

<tr> 
    <td><label for="">Pilih Pendidikan</label></td> 
    <td style="text-align:left;"> 
    <input type="checkbox" id="pilih_semua_pdk">Pilih Semua 
    <?php foreach ($query2 as $row2) {?> 
     <input class="form-control required check_pdk" type="checkbox" name="pendidikan[]" value="<?php echo $row2[id_pendidikan]; ?>" 
      <?php 
      $pendidikan = $_POST[pendidikan]; 
       if ($pendidikan !=NULL) { 
        foreach($pendidikan as $pendidikan){ 
        if ($pendidikan == $row2[id_pendidikan]) { 
         echo "checked"; 
        } 
       } 
       } 
      ?> 
     ><?php echo $row2[nama_pendidikan]; ?> 
    <?php } ?> 
    </td> 
</tr> 

我試試這個代碼，但不工作

<script> 
    $("#pilih_semua_pdk").click(function() { 
     $(".check_pdk").prop('checked', $(this).prop('checked')); 
</script> 

Answer 1

jQuery使這一塊蛋糕。

$(document).ready(function(){ 
    // DOM has been loaded, attach click event for first checkbox 

    $('#pilih_semua_pdk').on('click', function(){ 
     // verify if it is checked 
     if($(this).is(':checked')) 
     { 
      // check/tick the remaining checkboxes of the same td 
      $(this).siblings('.check_pdk').prop('checked', 'checked'); 
     } 
     else 
     { 
      // do something when the first checkbox is unchecked 
     } 
    }); 
}); 

Answer 2

試試這個，你需要一個click事件上的第一個複選框綁定。點擊第一個複選框，檢查是否檢查！如果是，那麼找到所有複選框即可。

$('#pilih_semua_pdk').on('click', function(){ 
    if($(this).is(':checked')) 
    { 
     //find parent td and its all checkboxes excluding first 
     $(this).parent().find('input[type=checkbox]').not('#pilih_semua_pdk').each(function(){ 
      $(this).prop('checked', true); 
     }); 
    } 
});