Radio的使用方法及代码?

我曾一搏 发布于 2017/01/24 17:03
阅读 146
收藏 0

如果没有勾选,点击就是勾选
如果勾选了再点击就是取消勾选,如果勾选了,点击其他选框,其他选框被勾选,自己取消勾选。

加载中
0
polly
polly

你这个需求是单选和复选的杂交,你确定你真的需要这玩意?

如果是单选,再点也取消不了了;

如果多选吧,又取消不了其他。

你非要的话,可以用复选模拟一个。

  <label for="chk1">option1</label><input type="checkbox" name="chk" id="chk1">
  <label for="chk2">option2</label><input type="checkbox" name="chk" id="chk2">
  <label for="chk3">option3</label><input type="checkbox" name="chk" id="chk3">
<script>
  $(function(){
    $("input[name=chk]").on("click",function(e){
      if($(e.target).is(":checked")){
        $("input[name="+$(e.target).prop("name")+"]").prop('checked', false);
        $(e.target).prop('checked',true);
      }
    });

  })
</script>

 

0
我曾一搏

谢谢你,但是这个不是我想要的功能。只靠单选框的话是不能实现再点取消的功能吗?我现在是不能用复选框。

飘零叶
polly是正解,多选框的样式改为单选显示就行了
返回顶部
顶部