zoukankan      html  css  js  c++  java
  • 简单JS全选、反选代码


     1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2<html xmlns="http://www.w3.org/1999/xhtml">
     3<head>
     4<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     5<title>简单JS全选、反选代码 - www.webdm.cn</title>
     6<script>
     7function CheckAll(value,obj)  {
     8var form=document.getElementsByTagName("form")
     9 for(var i=0;i<form.length;i++){
    10    for (var j=0;j<form[i].elements.length;j++){
    11    if(form[i].elements[j].type=="checkbox")
    12    var e = form[i].elements[j]; 
    13    if (value=="selectAll"){e.checked=obj.checked}     
    14    else{e.checked=!e.checked;} 
    15       }
    16    }
    17 }
    18}
    19</script>
    20</head>
    21<body>
    22<form name="form1" method="post" action="">
    23<input name="id" type="checkbox" id="id" value="1">
    24<input name="id" type="checkbox" id="id" value="2">
    25<input name="id" type="checkbox" id="id" value="3">
    26</form>
    27<form name="form2" method="post" action="">
    28<input name="id" type="checkbox" id="id" value="4">
    29<input name="id" type="checkbox" id="id" value="5">
    30<input name="id" type="checkbox" id="id" value="6">
    31</form>
    32<INPUT onclick=CheckAll('selectAll',this) type=checkbox value=on name=chkall>
    33全选
    34<input type="checkbox" name="invest" value="checkbox" onClick="CheckAll()">
    35反选
    36</body>
    37</html>

  • 相关阅读:
    安卓天天练练(三)常用组件Toast
    安卓天天练练(二)相对布局和帧布局
    javascript表单操作
    JavaScript replace() 方法
    android基础(一)
    四大类NoSQL数据库
    php基础八(cookie)
    php基础(七)文件
    php基础(六)Include
    php基础(五)日期
  • 原文地址:https://www.cnblogs.com/jthb/p/4008365.html
Copyright © 2011-2022 走看看