javascript - 如何用jq radio判断选中的时候取消选中效果？

Question

&lt;input type="radio" id="aa" class="ico-green"&gt; {代码...} 本人研究了半天，在网上搜了一大堆答案。还是无法实现input radio多次单选再取消选中。如果用input radio两个单项 就容易多，关键是一个input r...

高洛峰 · Answer

判断条件写错了吧...jquery的prop方法一个值是返回当前值...
两个值表示设置为后一个值╮(╯▽╰)╭

黄舟 · Answer

用checkbox

PHP中文网 · Answer

可以换个思路嘛，既然你做的单选又不是原生样式，那么干脆就不需要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');
  }
});





  
  
  JS Bin

通过样式记录选中与否，item项的值可以通过 .data 方法绑定在dom上。