Question

我有一个数据表，它包含两个复选框，名为Manufacturing Defects和Scrap Items.I我需要禁用Scrap Items，当我检查制造缺陷时，反之亦然。请帮我找到答案。贝娄是我的代码部分，我曾经创建了复选框

row += '<td class="Item_Rejected1">' + '<input type="checkbox" name="active" value="checked" class="form-control input-sm" onchange="isActive()">' + '</td>';
row += '<td class="Item_Rejected2">' + '<input type="checkbox" name="active" value="checked" class="form-control input-sm" onchange="isActive()">' + '</td>';

Answer 1

（1）检测点击任何复选框
（2）取消选中所有复选框
（3）选中单击的复选框

＆＃13;

/*  javascript/jQuery  */
$('input[type=checkbox]').click(function(){
    $('input[type=checkbox]').prop('checked',false);
    $(this).prop('checked',true);
});

＆＃13;

<!-- HTML -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="Item_Rejected1">
      IR1 <input type="checkbox" name="active" value="checked" class="form-control input-sm">
    </td>
    <td class="Item_Rejected2">
      IR2 <input type="checkbox" name="active" value="checked" class="form-control input-sm">
    </td>
  </tr>
</table>

＆＃13;

Answer 2

使用.not(SELECTOR)排除当前元素

$('input[type="checkbox"]').change(function() {
  if (this.checked)
    $('input[type="checkbox"]').not(this).prop('checked', !this.checked);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="Item_Rejected1">
      IR1
      <input type="checkbox" name="active" value="checked" class="form-control input-sm">
    </td>
    <td class="Item_Rejected2">
      IR2
      <input type="checkbox" name="active" value="checked" class="form-control input-sm">
    </td>
  </tr>
</table>

Answer 3

还有一个答案，

＆＃13;

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="Item_Rejected1">
      IR1
      <input type="checkbox" name="active" value="checked" class="form-control input-sm">
    </td>
    <td class="Item_Rejected2">
      IR2
      <input type="checkbox" name="active" value="checked" class="form-control input-sm">
    </td>
  </tr>
</table>

＆＃13;

Answer 4

以下是Rasika要求的实际答案。不要改变问题。这是那个答案。我得到了输出。

[这是输出] https://jsfiddle.net/Abhilash1994/btmfuwsg/

Manufacturer: <input type="checkbox" id="myCheck"> 
Scrap: <input type="checkbox" id="myCheck1">
    <script>
      $(document).ready(function() {
        $('#myCheck').change(function() {
            if ($(this).prop('checked')) {
                document.getElementById("myCheck1").disabled=true;
            }
            else {
               document.getElementById("myCheck1").disabled=false;
            }
        });
        $('#myCheck1').change(function() {
            if ($(this).prop('checked')) {
                document.getElementById("myCheck").disabled=true;
            }
            else {
               document.getElementById("myCheck").disabled=false;
            }
        });
    });
    </script>

使用javascript

4 个答案: