通过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" οnclick="checkedThis(this);">1
<input type="checkbox" name="test" οnclick="checkedThis(this);">2
<input type="checkbox" name="test" οnclick="checkedThis(this);">3
<input type="checkbox" name="test" οnclick="checkedThis(this);">4
<input type="checkbox" name="test" οnclick="checkedThis(this);">5
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值