<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form name="theForm">
<dl>
<dd><input type="checkbox" onclick="selectall()">全选</dd>
<dd><input type="checkbox">唱</dd>
<dd><input type="checkbox">跳</dd>
<dd><input type="checkbox">rap</dd>
<dd><input type="checkbox">篮球</dd>
</dl>
<input type="reset" value="重置" />
</form>
</body>
<script>
function selectall(){
if(document.forms[0].elements[0].checked==true){
for(var i=1;i<document.forms[0].elements.length;i++){
if(document.forms[0].elements[i].type=='checkbox'){
document.forms[0].elements[i].checked='checked';
}
}
} else{
for(var i=1;i<document.forms[0].elements.length;i++){
if(document.forms[0].elements[i].type=='checkbox'){
document.forms[0].elements[i].checked='';
}
}
}
}
</script>
</html>
前端 checkbox的全选与取消全选的实现
最新推荐文章于 2020-08-09 09:41:49 发布