Question

我需要一个帮助。我需要检查单选按钮并使用Jquery / Javascript设置值。我做了一些但不起作用。

<input type="radio" name="con" id="con" value="" onClick="checkCon();">Country
<button type="button" id="btn">Check</button>

document.getElementById('btn').onclick=function(){   
    var condata='123';
    $("input[name=con][value=" + condata+ "]").prop('checked', true).trigger('click');
}

此处当用户点击复选框时，它无法勾选复选框，也无法设置值。请帮助我。

Answer 1

试试这个，它可以提供帮助：

 <!DOCTYPE html>
 <html>
   <head>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">          </script>
 <script>
   $(document).ready(function(){
    var condata = '123';
    $("#btn").click(function(){
       $('#con').val(condata).prop('checked', true).trigger("click");
    });
 });
 function checkCon()
  {
     alert($('#con').val());
  }
  </script>
 </head>
 <body>

    <input type="radio" name="con" id="con" value="" onClick="checkCon();">Country
    <button type="button" id="btn">Check</button>


   </body>
 </html>

此代码正常工作我已经检查了这一点，您也可以尝试

可能是因为您混淆了javascript和jQuery，您应该使用jQuery或JavaScript。希望以上代码有所帮助。并确保在使用此代码之前添加了jQuery库

Answer 2

You have to use the cotes.

Reference

$("input[name='con'][value='" + condata+ "']").prop('checked', true).trigger('click');

Answer 3

很明显，没有值为'123'的单选按钮。

注1：您不需要同时支持和触发，只需支持或触发点击事件。

$("input[name=con][value=" + condata+ "]").trigger('click');

注2：点击触发器自动更改单选按钮属性。如果你想强行检查它，可以这样做。

$("input[name=con][value=" + condata+ "]").on('click', function(e) {
   e.preventDefault();
   $(this).prop('checked', true);
});

Answer 4

<input type="radio" name="con" id="con" value="" onClick="checkCon();">

您的单选按钮没有值=“123” 这就是为什么它没有得到检查。这是更正的标签

<input type="radio" name="con" id="con" value="123" onClick="checkCon();">

它将按预期工作

无法使用jquery

4 个答案: