让多选框实现单选功能

来源:互联网 发布:网络投资微信群 编辑:程序博客网 时间:2024/06/06 05:44

<input type="checkbox" name="gname"   value=""  onclick="return chooseOne(this);"/>

<input type="checkbox" name="gname"   value=""  onclick="return chooseOne(this);"/>

js:

function chooseOne(cb){ //复选框实现单选
        var obj = document.getElementsByName("gname");
        for (var i=0; i<obj.length; i++){
                if (obj[i]!=cb){                                  
                   obj[i].checked = false;                                         
                }else{
                   obj[i].checked = cb.checked;                   
                }                              
        }   
    }