<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function mychk(t){
var hbs = document.getElementsByName("hb");
for(var i=0;i<hbs.length;i++){
if(t=="all"){
hbs[i].checked=true;
}else if(t=="no"){
hbs[i].checked=false;
}else if(t=="rev"){
hbs[i].checked=!hbs[i].checked;
}
}
}
</script>
<body>
<h3>请选择你的爱好:</h3>
<input type="checkbox" name="hb" value="足球"/>足球
<input type="checkbox" name="hb" value="篮球"/>篮球
<input type="checkbox" name="hb" value="乒乓球"/>乒乓球
<input type="checkbox" name="hb" value="羽毛球"/>羽毛球
<input type="checkbox" name="hb" value="小说"/>小说
<input type="checkbox" name="hb" value="登山"/>登山<br />
<a href="javascript:mychk('all');">全选</a>
<a href="javascript:mychk('no');">全不选</a>
<a href="javascript:mychk('rev');">反选</a>
</body>
</html>
JS实现全选反选
于 2021-09-08 17:27:31 首次发布