javascript控制CheckBox只能选择三项

添加人:happyjlaaa零级(107分)   添加时间:2008-06-26    阅读次数:255  收藏此教程

<html>
<head>
<title>CheckBox Demo1</title>
<script type="text/javascript">
    function selectcheck(){
        var count=0;
        var list=document.getElementsByName("checklist");
        for(var i=0;i<list.length;i++){
            if(list[i].checked){
                count++;
            }
            if(count>3){
                event.srcElement.checked=false;   
                alert("只能选择三项!");
                break; 
            }
        }
    }
</script>
</head>
<body>
<input type=checkbox id="checklist" name="checklist" onclick="selectcheck();"/>
<input type=checkbox id="checklist" name="checklist" onclick="selectcheck();"/>
<input type=checkbox id="checklist" name="checklist" onclick="selectcheck();"/>
<input type=checkbox id="checklist" name="checklist" onclick="selectcheck();"/>
<input type=checkbox id="checklist" name="checklist" onclick="selectcheck();"/>
</body>
</html>

1页 第1上一页1下一页
相关的教程: js特效
收藏此教程

当前平均分: 0.0(0 次打分)

-5-4-3-2-1012345
评论主题
您的大名
您的评论
验证码 点击换一个验证码
知识库搜索: