无法使用jquery选择带有值的单选按钮

-1

我需要一个帮助。我需要检查单选按钮并使用jquery/Javascript设置值。我做了一些事情，但它不工作。无法使用jquery选择带有值的单选按钮

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

这里的时候用户会点击复选按钮，就不能选中该复选框，不能设置value.Please帮助我。

来源

2016-07-18 satya

你能解释一下吗？ –

你的名字和身份证号码是一样的，ids应该是唯一的 –

我做了id唯一的同样的问题。 – satya

试试这个，它可以帮助：

<!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，你要么ld使用jQuery或JavaScript。希望上面的代码有帮助。并确保在使用此代码之前添加了jQuery库

来源

2016-07-18 09:54:11

但我必须触发一个点击事件there.Check我的代码。 – satya

然后你可以在'.prop（）'事件 –

之后附加'.trigger（“click”）'我仍然使用你的代码，问题是一样的。 – satya

You have to use the cotes.

Reference

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

来源

2016-07-18 09:49:01

不，它不工作。 – satya

@satya为什么你需要触发器？请试着让选择器本身，看看查询是否工作。 –

很明显，没有值为'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); 
});

来源

2016-07-18 09:54:31

我检查了你的线路，但问题仍然是一样的。 – satya

请检查注释2.：D –

我使用了note-2，但仍然是同样的问题。 – satya

-1

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

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

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

，它会工作打算

来源

2016-07-18 10:00:37 sunil

我需要动态设置值。 – satya

无法使用jquery选择带有值的单选按钮

回答

相关问题