複選框上的Jquery自動觸發事件取消選中控件

這裏是我的html和javascript，想要自動檢查點擊按鈕和oncheck想要觸發一些更多的動作。試圖用'點擊'和'改變'事件複選框上的Jquery自動觸發事件取消選中控件

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

來源

2017-09-29 GANI

這樣的事情應該讓你開始。

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

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

 
$(document).ready(function(){ 
 
    $('#4').on('click', function(){ 
 
    \t // `.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"/>

來源

2017-09-29 00:31:20

我所有的控件的行爲是動態驅動，我綁定到事件的page.How的負載使用.trigger（「點擊」）爲我的方案是什麼？ – GANI

複選框上的Jquery自動觸發事件取消選中控件

回答

相關問題