Question

网页中如何实现复选框的全选和反选

网页中如何实现复选框的全选和反选

Answer 1

<meta charset=gb2312>
<script language="javascript">
function selectAll()
{
for(var i=0;i<document.form1.range.length;i++)
{
document.form1.range[i].checked=false;
}
}
function unSelect()
{
for(var i=0;i<document.form1.range.length;i++)
{
if(document.form1.range[i].checked)
{
document.form1.range[i].checked=false;
}
else
{
document.form1.range[i].checked=true;
}
}
}
</script>
<form name="form1">
<input type="checkbox" value="1" name="range">1<br>
<input type="checkbox" value="2" name="range">2<br>
<input type="checkbox" value="3" name="range">3<br>
<input type="checkbox" value="4" name="range">4<br>
<input type="checkbox" value="5" name="range">5<br>
<input type="button" value="全选" onclick="selectAll();">
<input type="button" value="反选" onclick="unSelect();">
</form>

Answer 2

<meta
charset=gb2312>
<script
language="javascript">
function
selectAll()
{
for(var
i=0;i<document.form1.range.length;i++)
{
document.form1.range[i].checked=false;
}
}
function
unSelect()
{
for(var
i=0;i<document.form1.range.length;i++)
{
if(document.form1.range[i].checked)
{
document.form1.range[i].checked=false;
}
else
{
document.form1.range[i].checked=true;
}
}
}
</script>
<form
name="form1">
<input
type="checkbox"
value="1"
name="range">1<br>
<input
type="checkbox"
value="2"
name="range">2<br>
<input
type="checkbox"
value="3"
name="range">3<br>
<input
type="checkbox"
value="4"
name="range">4<br>
<input
type="checkbox"
value="5"
name="range">5<br>
<input
type="button"
value="全选"
onclick="selectAll();">
<input
type="button"
value="反选"
onclick="unSelect();">
</form>

Answer 3

<meta charset=gb2312>
<script language="javascript">
function unselectall()
{
if(document.myform.chkAll.checked){
document.myform.chkAll.checked = document.myform.chkAll.checked&0;
}
}

function CheckAll(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements[i];
if (e.Name != "chkAll"&&e.disabled==false)
e.checked = form.chkAll.checked;
}
}
</script>
<form>
<%
for i=1 to 10
%>
<input id=ID onClick=unselectall() type=checkbox value="<%=i%>" name=ID><br>
<%next%>
<br><INPUT id="chkAll" onclick=CheckAll(this.form) type="checkbox" value="checkbox" name="chkAll"> ??
</form>