首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

让多选框兑现单选功能

2012-08-09 
让多选框实现单选功能input typecheckbox namegnamevalueonclickreturn chooseOne(this)/

让多选框实现单选功能

<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;                   
                }                              
        }   
    }


热点排行