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

＆＃13;

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!");
  });
});

＆＃13;

<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>

＆＃13;

此外，您还错过了HTML代码

中第3行的"

Answer 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>

我该如何查看单选按钮？

2 个答案: