라디오 버튼을 어떻게 확인할 수 있습니까?

Question

나는이 코드를 가지고 :

<input type="radio" name="condition-shorturl-opt" value="Et" id="condition-and-shorturl" > 
<label for='condition-and-shorturl'>ON</label> 
<input type="radio" name="condition-shorturl-opt" value="Ou" id="condition-or-shorturl"> 
<label for='condition-or-shorturl'>OFF</label> 

내가 그래서이 코드 시도 내가 입력 라디오 JQuery와 하나 확인하실 수 있습니다 궁금 해서요 :

이

$('#condition-and-shorturl').attr("checked", true); 
    $('#condition-and-shorturl').attr("checked", "checked"); 
    $('#condition-and-shorturl').attr('checked', 'checked'); 
    $('#condition-and-shorturl').prop("checked", true); 
    $('#condition-and-shorturl').prop("checked", "checked"); 
    $('#condition-and-shorturl').prop('checked', 'checked'); 

그들 중 누구도 나를 위해 작동하지 않습니다 어떤 도움 바랍니다 ?

Answer 1

const radioButtons = document.querySelectorAll("input[type=radio]"); 
 

 
radioButtons.forEach(function(radioButton){ 
 
    radioButton.addEventListener("click",function(){ 
 
    console.log("I know someone just click on ones button,WHO!"); 
 
    }); 
 
});

<input type="radio" name="condition-shorturl-opt" value="Et" id="condition-and-shorturl" > 
 
<label for='condition-and-shorturl'>ON</label> 
 
<input type="radio" name="condition-shorturl-opt" value="Ou" id="condition-or-shorturl"> 
 
<label for='condition-or-shorturl'>OFF</label>

또한 당신은

Answer 2

당신은 문제를 해결 이동하고 간단하게 다음과 같이 .trigger() 대신 attr 또는 prop, 뭔가를 사용할 수있는 HTML 코드에서 3 호선에서 " 누락 :

$("#condition-and-shorturl").trigger("click");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio" name="condition-shorturl-opt" value="Et" id="condition-and-shorturl" > 
 
<label for='condition-and-shorturl'>ON</label> 
 
<input type="radio" name="condition-shorturl-opt" value="Ou" id="condition-or-shorturl"> 
 
<label for='condition-or-shorturl'>OFF</label>