复选框——ALL与ABC
Posted 参谋长
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了复选框——ALL与ABC相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<input id="big" type="checkbox" onclick="bigChange(this)"/>ALL
<br />
<input name="small" type="checkbox" onclick="smallChange(this)" value=""/>A<br />
<input name="small" type="checkbox" onclick="smallChange(this)" value=""/>B<br />
<input name="small" type="checkbox" onclick="smallChange(this)" value=""/>C
</body>
</html>
<script type="text/javascript">
function bigChange(obj) {var smObj = document.getElementsByName("small");
if (obj.checked == false) {
for (var i = 0; i < smObj.length; i++)
smObj[i].checked = false;
}else {
for (var i = 0; i < smObj.length; i++)
smObj[i].checked = true;
}
}
function smallChange(obj) {
var smObj = document.getElementsByName("small");
var bigObj = document.getElementById("big");
if (obj.checked == false){
bigObj.checked = false;}
else {
var b = true;
for (var i = 0; i < smObj.length; i++) {
if (smObj[i].checked == true){
b = true;}
else{b=false;
break;}
}
if (b == true){
bigObj.checked = true;}
else{bigObj.checked=false;}
}
}
</script>
以上是关于复选框——ALL与ABC的主要内容，如果未能解决你的问题，请参考以下文章
在 Laravel 4 中处理 Input::all() 中的复选框
如何将 SELECT ALL 值或 SELECTED 复选框值插入 mysql 中的不同列？