jQuery 单选框 选中问题

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery 单选框 选中问题相关的知识，希望对你有一定的参考价值。

if($(this).find("input:radio").attr("checked") == "checked")
alert("1");
$(this).find("input:radio").attr("checked",false);
else
alert("2");
$("input[name='pack_id']").removeAttr("checked");
$(this).find("input:radio").attr("checked","checked");

第一次单击table某行的任意位置，弹出2，单选按钮选中，第二次单击同一行，弹出1，取消选中，再次单击同一行，弹出2，但是没有选中，问题就是单选框只能选中一次，不能再次选中

 $(this).find("input:radio").attr("checked","checked");
 //换成
  $(this).find("input:radio").attr("checked",true);

追问

换了一样 还是老问题 radio的name一样，选中过一次，就不能再次选中了，我查看源码，选中过的radio，就会有一个checked="checked",选中别的radio，那个选中效果也不会取消。css用的bootstrap不知道有没有影响。

 参考技术A jQ 版本问题
.attr("checked",false);换成.prop("checked",true/false);

jquery 单选框整个选中

问题：遇到单选框，如图

解决办法：利用jqurey click->checked

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<body>
<span class="pay-item" >
                <input type="radio" name="pay-item" class="big-radio" /><{$payment.app_display_name}>
</span>
<span class="pay-item" >
                <input type="radio" name="pay-item" class="big-radio" /><{$payment.app_display_name}>
</span>
</body>
</html>



<script>
    $(\'.pay-item\').bind(\'click\',function(e){
        $(this).find(\'input[name=pay-item]\')[0].checked = true;
    });

</script>

 代码解析：其中pay-item　为ｓｐａｎ标签的ｃｌａｓｓ值，和ｉｄ（‘＃pay-item’）不一样

input[name=pay-item] 为单选框的name;
 $(\'.pay-item\').bind(\'click\',function(e){
 $(this).find(\'input[name=pay-item]\')[0].checked = true;
}

遇到在ｈａｎｄｌｅｂａｒ上的写法

$(\'body\').on(\'click\', \'.pay-item\', function(e){
    $(this).find(\'input[name=pay-item]\')[0].checked = true;
})

 

if (
  $(e)
    .find(".edit-item")
    .prop("checked")
) {
  $(e)
    .find(".edit-item")
    .prop("checked", false);
} else {
  $(e)
    .find(".edit-item")
    .prop("checked", true);
}

以上是关于jQuery 单选框 选中问题的主要内容，如果未能解决你的问题，请参考以下文章

javascript [jQuery单选框选中与取消选中应用]记录jQuery使用过程中单选框选中与取消选中的坑。 #JS #jQuery #input #radio

jquery 单选框整个选中

JQuery判断radio（单选框）是否选中和获取选中值方法总结

angularjs怎么获取到单选框的值

JS单选框不能选中？

angularjs怎么获取到单选框的值