`
xudongcsharp
  • 浏览: 467294 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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>
分享到：
| javaweb获取表单参数
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics