<input type="radio" id="aa" class="ico-green">
极客观点
项目管理
HarmonyOS
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的时候 就取消掉。
我写判断 条件不对吗？
可以换个思路嘛，既然你做的单选又不是原生样式，那么干脆就不需要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上。
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
3 回答2.1k 阅读✓ 已解决
判断条件写错了吧...jquery的prop方法一个值是返回当前值...
两个值表示设置为后一个值╮(╯▽╰)╭