當用戶選擇某個checbox時取消選中所有文本框

Question

這是我的代碼。我想要的是，當我選擇複選框時，其他複選框將取消選中...像單選按鈕一樣的行爲..但使用td類...是否有可能在jQuery中？

<table> 
    <tr> 
     <td class="example"> 
      <input type="checkbox" /> 
     </td> 
     <td class="example"> 
      <input type="checkbox" /> 
     </td> 
     <td class="example"> 
      <input type="checkbox" /> 
     </td> 
     <td class="example"> 
      <input type="checkbox" /> 
     </td> 
    </tr> 
</table> 

在此先感謝..

Answer 1

您可以使用：

$(":checkbox").change(function(){ 
    $(this).closest('tr').find('input').not(this).prop('checked', false); 
}); 

Answer 2

對不起，麻煩的傢伙......我已經知道了..

這裏的代碼.. 。

$('.example input').on('click', function() { 
    $('.example input').not(this).prop('checked', false); 
}); 

Answer 3

試試這個：

$('table').on('click', ':checkbox', function() { 
// On click of any checkbox inside the table 

    // If checkbox is checked then only uncheck others 
    if ($(this).is(':checked')) { 
     $('table').find(':checkbox').not(this).prop('checked', false); 
    } 
}); 

演示：http://jsfiddle.net/tusharj/yz5yjwwu/

Answer 4

嘗試

$('.example').click(function() { 
    $('.example').find('input[type=checkbox]').prop('checked', false); 
    $(this).find('input[type=checkbox]').prop('checked', true); 
}); 

Fiddle

Answer 5

就是這樣:)

  $("input[type='checkbox']").on("change",function(){ 
 
       $("input[type='checkbox']").prop("checked",false); 
 
       $(this).prop("checked",true); 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
     <td class="example"> 
 
      <input type="checkbox" /> 
 
     </td> 
 
     <td class="example"> 
 
      <input type="checkbox" /> 
 
     </td> 
 
     <td class="example"> 
 
      <input type="checkbox" /> 
 
     </td> 
 
     <td class="example"> 
 
      <input type="checkbox" /> 
 
     </td> 
 
    </tr> 
 
</table>

Answer 6

使用以下代碼。工作DEMO

$(":checkbox").on('click',function(){ 
    if($(this).is(':checked')){ 
     $('td.example :checkbox').prop("checked",false); 
     $(this).prop("checked",true); 
    } 
});