Включение и отключение флажков с помощью JavaScript

Table with two checkboxes Включение и отключение флажков с помощью JavaScript

У меня есть таблица данных и включает в себя два флажка под названием производственных дефектов и лома 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>';

источник

2016-05-27 Rasika

Здесь отключить означает, что? вам нужно снять отметку с другого или отключить? –

Простите, что слово отключено. Он снимает флажок. – Rasika

Для этого вы должны использовать переключатель. –

-1

Вот фактический ответ по просьбе Расика. Не меняйте вопросы. Это ответ для этого. Я получил выход.

[Вот выход] 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>

источник

2016-05-27 05:40:13

Могу я узнать причину падения. Это будет ответ. –

(1) Обнаружение нажмите на любой флажок
(2) Снять отметку со всех флажков
(3) Установите флажок, который щелкнул

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

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

источник

2016-05-27 04:51:51 gibberish

Спасибо !!! Это работает :) – Rasika

Использование .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>

источник

2016-05-27 05:00:08 Rayon

Спасибо! Он работает :) – Rasika

еще один ответ,


 

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

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

источник

2016-05-27 05:27:35

Включение и отключение флажков с помощью JavaScript

ответ

Смежные вопросы