ラジオボタンを確認するにはどうすればよいですか？

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>

そしてまた、あなたがHTMLコード

Answer 2

から3行目で"が欠落しているあなたが問題を回避移動し、代わりに単にattrまたはpropの.trigger()を使用することができ、このような何か：

$("#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>