• 简单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>

  • 相关阅读:
    C# 函数参数object sender, EventArgs e
    Winform中利用委托实现窗体之间的传值
    Web前端学习笔记——Canvas
    js 删除 按钮所在的行
    box-sizing
    前端中关于HTML标签的属性for的理解
    apply和call的用法总结
    target 确定元素是谁??
    css3过渡和动画
    处理两端极限值的小技巧
  • 原文地址:https://www.cnblogs.com/jthb/p/4008365.html
Copyright © 2020-2023  润新知