您的位置：首页 > 其它

如何通过按钮来控制checkbox选中还是不被选中

2015-10-09 08:39 567 查看

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>无标题文档</title>

</head>

<body>

<form>

请选择你爱好:<br>

<input type="checkbox" name="hobby" id="hobby1"> 音乐

<input type="checkbox" name="hobby" id="hobby2"> 登山

<input type="checkbox" name="hobby" id="hobby3"> 游泳

<input type="checkbox" name="hobby" id="hobby4"> 阅读

<input type="checkbox" name="hobby" id="hobby5"> 打球

<input type="checkbox" name="hobby" id="hobby6"> 跑步 <br>

<input type="button" value = "全选" onclick = "checkall();">

<input type="button" value = "全不选" onclick = "clearall();">

<p>请输入您要选择爱好的序号，序号为1-6:</p>

<input id="wb" name="wb" type="text" >

<input name="ok" type="button" value="确定" onclick = "checkone();">

</form>

<script type="text/javascript">

function checkall(){

var hobby = document.getElementsByTagName("input");

for(var i=0;i<hobby.length;i++){if(hobby[i].type=="checkbox"){

hobby[i].checked=true;

}

}

// 任务1

}

function clearall(){

var hobby = document.getElementsByName("hobby");

for(var i=0;i<hobby.length;i++){if(hobby[i].type=="checkbox"){

hobby[i].checked=false;

}

// 任务2

}

</script>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 如何通过按钮来控制checkbox选中还

相关文章推荐

新的分享

章节导航