如何检查单选按钮？答案

【问题标题】：How can i check a radio button?如何检查单选按钮？
【发布时间】：2017-03-19 18:38:33
【问题描述】：

我有这个代码：

 <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' );

它们都不适合我，请问有什么帮助吗？

【问题讨论】：

你的两个输入标签都没有关闭，这可能是一些问题的根源。
你添加了jquery文件吗？控制台有错误吗？
@Mohammad 没有控制台错误

标签： jquery input radio

【解决方案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 代码的第 3 行缺少"

【讨论】：

感谢您的回复，但实际上这不是我想要的，我只需要检查我的输入。
radioButton.checked = true

【解决方案2】：

您可以绕过问题，只需使用.trigger() 而不是attr 或prop，类似这样：

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

【讨论】：