如何用jq radio判断选中的时候取消选中效果？
<input type="radio" id="aa" class="ico-green">
if($("input[type=radio]").prop("checked")){
$("input[type=radio]").prop("checked",true);
}else{
$("input[type=radio]").prop("disabled",false);
}本人研究了半天，在网上搜了一大堆答案。还是无法实现input radio多次单选再取消选中。
如果用input radio两个单项 就容易多，关键是一个input radio是怎么让用户单击选中，
当用户不想要这个radio的时候 就取消掉。
我写判断 条件不对吗？
展开
收起
1
条回答
写回答
写回答
-
可以换个思路嘛，既然你做的单选又不是原生样式，那么干脆就不需要input来记录选中值了。
题主需要的功能是一个带有取消选中项的单选框。以下是核心代码；
var $checkGroup = $(".check-group"); var $checkItem = $checkGroup.children('.check-item'); $checkItem.bind('click', function(e){ var $this = $(this); if($this.hasClass('on')){ $checkItem.removeClass('on'); }else{ $checkItem.removeClass('on'); $this.addClass('on'); } }); <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-1.11.3.js"></script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <style> .check-item{display:inline-block; width: 10px; height: 10px; border: solid 1px #ccc; border-radius: 50%;} .check-item.on{background: red;} </style> </head> <body> <div class="check-group"> <div class="check-item"></div> <div class="check-item"></div> <div class="check-item"></div> </div> </body> </html>通过样式记录选中与否，item项的值可以通过 .data 方法绑定在dom上。
2019-07-17 19:21:27赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
