`
艾玛王国
  • 浏览: 10664 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

通过JS将复选框做成单选框一样,选中还可以取消[转]

阅读更多
blog做了个分类,是复选框格式的,写文章时竟然有人总是把分类全选,
后来改成单选框了,结果,单选框只要选中了就没法取消了,这个还必需要求可以取消,
搜索单选框是否可以取消选择的问题,竟然都没有找到,有人提议反过来想,把多选做成单选格式,这样选中还可以取消。代码参考如下:

<Script Language="JScript">
    function checkedThis(obj){
       var boxArray = document.getElementsByName('test');
       for(var i=0;i<=boxArray.length-1;i++){
            if(boxArray[i]==obj && obj.checked){
               boxArray[i].checked = true;
            }else{
               boxArray[i].checked = false;
            }
       }
    }
</Script>
<input type="checkbox" name="test" onclick="checkedThis(this);">1
<input type="checkbox" name="test" onclick="checkedThis(this);">2
<input type="checkbox" name="test" onclick="checkedThis(this);">3
<input type="checkbox" name="test" onclick="checkedThis(this);">4
<input type="checkbox" name="test" onclick="checkedThis(this);">5
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics