我是HTML,CSS,Javascript编码的新手。 我必须在页面中添加一些复选框,同一页面中有多个选项卡。
如果我选中或取消选中任何复选框,则应更改所有位置的复选框检查。
有人可以告诉我如何使用HTML,CSS,Javascript吗?
答案 0 :(得分:2)
给这些复选框命名相同,并执行:
function checkAll() {
var field = document.your_form_name.your_checkbox_name;
for (i = 0; i < field.length; i++)
field[i].checked = true ;
}
希望有所帮助
答案 1 :(得分:1)
<html>
<head>
<title>JavaScript - Select All checkbox in form</title>
<script>
var fieldName='chkName';
function selectall(){
var i=document.frm.elements.length;
var e=document.frm.elements;
var name=new Array();
var value=new Array();
var j=0;
for(var k=0;k<i;k++)
{
if(document.frm.elements[k].name==fieldName)
{
if(document.frm.elements[k].checked==true){
value[j]=document.frm.elements[k].value;
j++;
}
}
}
checkSelect();
}
function selectCheck(obj)
{
var i=document.frm.elements.length;
for(var k=0;k<i;k++)
{
if(document.frm.elements[k].name==fieldName)
{
document.frm.elements[k].checked=obj;
}
}
selectall();
}
function selectallMe()
{
if(document.frm.allCheck.checked==true)
{
selectCheck(true);
}
else
{
selectCheck(false);
}
}
function checkSelect()
{
var i=document.frm.elements.length;
var berror=true;
for(var k=0;k<i;k++)
{
if(document.frm.elements[k].name==fieldName)
{
if(document.frm.elements[k].checked==false)
{
berror=false;
break;
}
}
}
if(berror==false)
{
document.frm.allCheck.checked=false;
}
else
{
document.frm.allCheck.checked=true;
}
}
</script>
</head>
<body>
<form name="frm">
select all :<input type="checkbox" name="allCheck" onClick="selectallMe()">
<hr><br>
1 :<input type="checkbox" name="chkName" onClick="selectall()"><br>
2 :<input type="checkbox" name="chkName" onClick="selectall()"><br>
3 :<input type="checkbox" name="chkName" onClick="selectall()"><br>
4 :<input type="checkbox" name="chkName" onClick="selectall()"><br>
5 :<input type="checkbox" name="chkName" onClick="selectall()"><br>
6 :<input type="checkbox" name="chkName" onClick="selectall()"><br>
7 :<input type="checkbox" name="chkName" onClick="selectall()"><br>
8 :<input type="checkbox" name="chkName" onClick="selectall()"><br>
9 :<input type="checkbox" name="chkName" onClick="selectall()"><br>
10 :<input type="checkbox" name="chkName" onClick="selectall()"><br>
</form>
</body>
</html>