Jquery 复选框上的自动触发事件取消选中控件

Question

这是我的 html 和 javascript，想要自动检查点击按钮和 oncheck 想要触发更多操作。尝试使用 'click' 和 'change' 事件

<!DOCTYPE html>
 <html>
 <head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script>
     $(document).ready(function(){


$('#4').on('click', function(){
    $('#1').prop('checked', true).trigger('click');
    $('#2').prop('checked', true).trigger('click');
});

$('#1').on('click', function(){
    if($('#1').is(':checked')){
        $('#3').prop('disabled','disabled');
    }
    else{
    $('#3').prop('disabled','');
    }
         });
       });
 </script>
    </head>
    <body>
    <label>
      <input id="1" type="checkbox" value="">Yes</label><br><br>
         <label>
       <input id="2" type="checkbox" value="">NO</label><br><br>
     <label>
      <input id="3" type="text" value="Hello World">Yes</label><br><br>

     <input id="4" type="button" value="Submit"/><br><br>
      </body>
      </html>

Answer 1

像这样的事情应该让你开始。

var onYesChecked = function() {
  if($('#1').is(':checked')){
    $('#3').prop('disabled',true);
  } else{
    $('#3').prop('disabled',false);
  }
};

var onNoChecked = function() {
 // your NoChecked logic here
};

$(document).ready(function(){
  $('#4').on('click', function(){
     // `.prop('checked', true)` will check the checkbox.
      // Triggering click will immediately uncheck the checkbox 
      // (simulating a user click).
      // $('#1').prop('checked', true).trigger('click');
      // $('#2').prop('checked', true).trigger('click');
      
      $('#1').prop('checked', true);
      $('#2').prop('checked', true);
      onYesChecked();
      onNoChecked();
  });

  $('#1').on('click', onYesChecked);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>
  <input id="1" type="checkbox" value="">Yes
</label>
<br><br>
<label>
  <input id="2" type="checkbox" value="">NO
</label>
<br><br>
<label>
  <input id="3" type="text" value="Hello World">Yes
</label>
<br><br>
<input id="4" type="button" value="Submit"/>

Jquery 复选框上的自动触发事件取消选中控件

Jquery auto trigger event on checkbox unchecks the control

javascript

jquery

checked

event-triggers