Jqueryの自動トリガーイベントのチェックボックスがオフになっています

ここに私のhtmlとjavascriptがあります。ボタンをクリックすると自動的にチェックしたいと思います。「クリック」と「変更」イベントで試してみました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

すべての私の行動が動的に駆動され、私は私のシナリオについて（「クリック」）.trigger使用するpage.Howの負荷にイベントにバインドしますか？ – GANI

Jqueryの自動トリガーイベントのチェックボックスがオフになっています

答えて

関連する問題