BlogJava-行动创造奇迹-随笔分类-Scripthttp://www.blogjava.net/dorydoo/category/12584.htmlAction Action Actionzh-cnTue, 27 Feb 2007 11:58:45 GMTTue, 27 Feb 2007 11:58:45 GMT60checkbox全选实现 http://www.blogjava.net/dorydoo/archive/2006/06/28/55463.html多力宇扬多力宇扬Wed, 28 Jun 2006 01:37:00 GMThttp://www.blogjava.net/dorydoo/archive/2006/06/28/55463.htmlhttp://www.blogjava.net/dorydoo/comments/55463.htmlhttp://www.blogjava.net/dorydoo/archive/2006/06/28/55463.html#Feedback0http://www.blogjava.net/dorydoo/comments/commentRss/55463.htmlhttp://www.blogjava.net/dorydoo/services/trackbacks/55463.htmlcheckbox全选实现
 
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>
 



多力宇扬 2006-06-28 09:37 发表评论
]]>