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

JS兑现checkbox单选

2012-11-08 
JS实现checkbox单选htmlBODYinput typecheckbox namecbox valuecbox1 onClickchooseOne(t

JS实现checkbox单选
<html>
<BODY>     
<input type="checkbox" name="cbox" value="cbox1" onClick="chooseOne(this);">checkBox1     
<input type="checkbox" name="cbox" value="cbox2" onClick="chooseOne(this);">checkBox2     
<input type="checkbox" name="cbox" value="cbox3" onClick="chooseOne(this);">checkBox3     
<input type="checkbox" name="cbox" value="cbox4" onClick="chooseOne(this);">checkBox4     
</BODY>
</html>  
 
<script>     
     //chooseOne()函式   
    function chooseOne(cb){     
        //先取得同name的chekcBox的集合物件     
        var obj = document.getElementsByName("cbox");     
        for (i=0; i<obj.length; i++){     
            //判斷obj集合中的i元素是否為cb,若否則表示未被點選     
            if (obj[i]!=cb) obj[i].checked = false;     
            //若是 但原先未被勾選 則變成勾選;反之 則變為未勾選     
            //else  obj[i].checked = cb.checked;     
            //若要至少勾選一個的話,則把上面那行else拿掉,換用下面那行     
            else obj[i].checked = true;     
        }     
    }     
</script>

热点排行