你的位置:首页 > 网页设计

[网页设计]判断checkbox选中


源码如下,仅限参考,直接复制即可:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+",";
}
}
if(chestr == "")
{
alert("请先选择一个爱好~!");
}
else
{
alert("您先择的是:"+chestr);
}
}
</script>
选择您的爱好:
<input type="checkbox" name="box" id="box1" value="跳水" />跳水
<input type="checkbox" name="box" id="box2" value="跑步" />跑步
<input type="checkbox" name="box" id="box3" value="听音乐" />听音乐
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />