Jquery 자동 트리거 이벤트 확인란을 선택 취소합니다.

여기 내 HTML과 자바 스크립트이며, 버튼을 클릭 할 때 자동으로 확인하고 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

내 모든 행동이 동적으로 구동, 내 시나리오 ('클릭') .trigger 사용하는 page.How의로드 이벤트에 바인딩? – GANI

Jquery 자동 트리거 이벤트 확인란을 선택 취소합니다.

답변

관련 문제