码迷,mamicode.com
首页 > 其他好文 > 详细

全选与反选按钮的实现

时间:2016-02-03 14:32:05      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<script>
//删除确认
function del(){
 if(!window.confirm(是否要删除数据??))
    return false;
}
//全部选择/取消
function chek(){
     var leng = this.form1.chk.length;
     if(leng==undefined){
       leng=1;
       if(!form1.chk.checked)
           document.form1.chk.checked=true;
        else
            document.form1.chk.checked=false;
     }else{
       for( var i = 0; i < leng; i++)
        {
            if(!form1.chk[i].checked)
                  document.form1.chk[i].checked = true;
            else
                document.form1.chk[i].checked = false;
        }
     }
    return false;
}
</script>
</head>
<body>


<form name="form1" id="form1" method="post" action="deletes.php">
  <tr>
      <td >&nbsp;</td>
    <td >昵称</td>
    <td >内容</td>
    <td >联系方式</td>
    <td >创建时间</td>
    <td >操作</td>
  </tr>
<hr>
    <tr>
      <input type=checkbox name=chk[] id=chk value="">
        
      <td ><a href=#>修改</a>/<a href=#>删除</a></td>
      <input type=checkbox name=chk[] id=chk value="">

      
      <td ><a href=#>修改</a>/<a href=#>删除</a></td>
      <input type=checkbox name=chk[] id=chk value="">

      <td ><a href=#>修改</a>/<a href=#>删除</a></td>
      <input type=checkbox name=chk[] id=chk value="">

      <td ><a href=#>修改</a>/<a href=#>删除</a></td>

    </tr>
<hr>
<tr>
    <td height="25" colspan="7" class="m_td" align="left">
    <a href="" onClick="return chek();">全部选择/取消</a>
    <input type="hidden" name="action" value="delall">
    <input type="submit" value="删除选择" onclick = return del();></td>
</tr>
</form>

</body>
</html>

 

全选与反选按钮的实现

标签:

原文地址:http://www.cnblogs.com/kangshuai/p/5179587.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!