checkbox全选实现

checkbox全选实现

function CheckOthers(form)
{
    for (var i=0;i<form.elements.length;i++)
    {
        var e = form.elements[i];
//        if (e.name != 'chkall')
            if (e.checked==false)
            {
                e.checked = true;// form.chkall.checked;
            }
            else
            {
                e.checked = false;
            }
    }
}

function CheckAll(form)
{
    for (var i=0;i<form.elements.length;i++)
    {
        var e = form.elements[i];
//        if (e.name != 'chkall')
            e.checked = true// form.chkall.checked;
    }
}
建立表单对象，表单名：name=form，并建立checkbox，命名：name="checked"
建立全选按钮，代码：
<INPUT title=选择所有的Banner，点击选定按钮 onclick=CheckAll(this.form) type=button value=全选 name=chkall style="cursor:hand">
建立反选按钮，代码：
<INPUT title=反向选择所有的Banner，点击选定按钮 onclick=CheckOthers(this.form) type=button value=反选 name=chkOthers style="cursor:hand">

完整代码:

<%@page contentType="text/html;charset=gb2312"%>
<html>
<head>
<title>Dory.Doo-测试JSTL</title>
<script language="javascript">
   <!--
   function CheckOthers(form)
{
    for (var i=0;i<form.elements.length;i++)
    {
        var e = form.elements[i];
//        if (e.name != 'chkall')
            if (e.checked==false)
            {
                e.checked = true;// form.chkall.checked;
            }
            else
            {
                e.checked = false;
            }
    }
}

function CheckAll(form)
{
    for (var i=0;i<form.elements.length;i++)
    {
        var e = form.elements[i];
//        if (e.name != 'chkall')
            e.checked = true// form.chkall.checked;
    }
}
   -->
</script>
</head>
<body>
<h2>体育运动种类</h2>
<hr>
<form action="test.jsp" method="post" name="form">
   <input type="checkbox" name="sports" value="football"/>足球<br>
   <input type="checkbox" name="sports" value="basketball"/>蓝球<br>
   <input type="checkbox" name="sports" value="f1"/>F1<br>
   <input type="checkbox" name="sports" value="f3"/>赛车<br>
   <input type="checkbox" name="sports" value="f5"/>谈话<br>
   <input type="checkbox" name="sports" value="qe"/>好<br>
   <input type="checkbox" name="sports" value="fs"/>Helo<br>
   <input type="checkbox" name="sports" value="a1"/>a1<br>
   <input type="checkbox" name="sports" value="a2"/>a2<br>
   <input type="checkbox" name="sports" value="a3"/>a3<br>
   <input type="checkbox" name="sports" value="a4"/>a4<br>
   <input type="checkbox" name="sports" value="a5"/>a5<br>
   <input type="checkbox" name="sports" value="a6"/>a6<br>
   <input type="checkbox" name="sports" value="a7"/>a7<br>
   <br>
   <p></p>
   <input type="submit" name="submit" value="提交">
   <input type="reset" name="reset" value="重置">

<INPUT title="选择所有的Banner，点击选定按钮" onclick="CheckAll(this.form)"
type="button" value="全选" name="chkall" style="cursor:hand">

<INPUT title="反向选择所有的Banner，点击选定按钮" onclick="CheckOthers(this.form)"
type="button" value="反选" name="chkOthers" style="cursor:hand">
</form>
</body>
</html>

checkbox全选实现

你可能感兴趣的:(checkbox全选实现)