UI界面样式
HTML界面实现代码
<!DOCTYPE html>：
<html>
<head>
<srcipt type="text/javascript" src="index5.js"></srcipt>
<title>ShowCheckBox</title>
</head>
<body>
//先写一个表单
<form>
<input type="checkbox" name="insterest" /><label>游泳</label>
<input type="checkbox" name="insterest" /><label>吸猫</label>
<input type="checkbox" name="insterest" /><label>打拳</label>
<input type="checkbox" name="insterest" /><label>敲代码</label>
<input type="button" value="全选" onclick="checkInterset()"/>
<input type="button" value="反选" onclick="checkInterset1()"/>
</form>
</body>
</html>
复制代码JavaScript代码实现
var flag=true;
function checkInterest(){
var interset=document.getElementsByName("insterest");
for(i=0;i<interset.length;i++){
interset[i].checked=flag;
}
flag=!flag;
}
复制代码转载于:https://juejin.im/post/5cff3cf85188254dd63c1744