允許檢查內部，而

Question

我有一個while循環只有一個測試複選框，我從數據庫中獲取數據：

while($row = mysqli_fetch_array($skillsResult)) 
{  

    $id = $row['id']; 
    $driver = $row['driver']; 
    $subdriver = $row['subdriver']; 
    $dep = $row['department']; 
    $skill = $row['skills']; 
    $vrgood = $row['4']; 
    $good = $row['3']; 
    $middle = $row['2']; 
    $low = $row['1']; 
?> 

<br/><br/> 
<fieldset> 
<legend id="q1" class="desc notranslate"> 
    <?php echo $no++; ?> 
</legend> 
<div class="full_qst"> 
    <div class="drvr"> <?php echo $driver; ?> </div><span class="divider">|</span> 
    <div class="sbd_drvr"> <?php echo $subdriver; ?> </div><span class="divider">|</span> 
    <div class="qst"> <?php echo $skill; ?> </div> 

    <div class="mrk"> 
     <span> 
      <label class="choice" for="q1_a" > 
      <input class="q" name="q1_a[]" type="checkbox" value="<?php echo $low ?>" /> 
      1</label> 
     </span> 
     <span> 
      <label class="choice" for="q1_a" > 
      <input class="q" name="q1_a[]" type="checkbox" value="<?php echo $middle ?>" /> 
      2</label> 
     </span> 
     <span> 
      <label class="choice" for="q1_a" > 
      <input class="q" name="q1_a[]" type="checkbox" value="<?php echo $good ?>" /> 
      3</label> 
     </span>  
     <span> 
      <label class="choice" for="q1_a" > 
      <input class="q" name="q1_a[]" type="checkbox" value="<?php echo $vrgood ?>" /> 
      4</label> 
     </span> 
    </div> 
</div> 
</fieldset> 
<?php 
$count++; 
} 

我避開15條記錄。我想要的是允許用戶單獨檢查每一行的複選框，並允許他們只檢查同一行上的框。 因此，而不是這樣的：

我想這一點：

我試圖實現這一點：

$('.mrk input#q').on('change', function() { 
    if($(this).is(':checked')){ 
     $(':checkbox[name="' + $(this).prop('name') + '"]').not($(this)).prop('checked',false); 
    } 
}); 

但取消選擇在上線之前的框，讓我只能選擇整個頁面中的一個複選框。有沒有辦法解決它？

Answer 1

你的代碼是工作的罰款只是$('input.q')類替代選擇

但只允許對於所有複選框，每行選中一個複選框具有相同的名稱將需要下面的代碼，它將取消選中同一div內的所有複選框，然後檢查更改後的複選框。

$('input.q').on('change', function() { 
    $(this).parents('.full_qst').find(".q[name='"+$(this).attr("name")+"']").not(this).prop('checked',false); 
}); 

Answer 2

您可以使用該作業的.siblings()函數，並且從不在同一頁面上爲dom元素使用相同的Id。它只會得到你的第一個ID，並不會看到其他人。

$('.mrk input').on('change', function() { 
    if($(this).is(':checked')){ 
     $(this).siblings('input').prop('checked',false); 
    }else 
     $('.mrk input').prop('checked',false); 
}); 

如果沒有需要檢查，如果這個檢查你甚至可以用

$('.mrk input').on('change', function() { 
     $(this).siblings('input').prop('checked',false); 
});