js多兼容全选/反选代码

js多兼容全选/反选代码
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js多兼容全选/反选代码</title>
<script language="javascript教程"> 
function Choose(sel, arg) //传递2个参数，分别是表名,选择参数(全/反选)
{
    var objtb = document.getElementById(sel);
    var num = objtb.getElementsByTagName("input");

    for (i = 0; i < num.length; i++) {
        if (num[i].tagName == "INPUT") {
            if (arg == true) {
                num[i].checked = true
            }
            else {
                if (num[i].checked == true) {
                    num[i].checked = false;
                }
                else if (num[i].checked == false) {
                    num[i].checked = true;
                }
            }
        }
    }
}
</script>
</head>

<body>
<input name="" type="checkbox" value="">
<input name="" type="checkbox" value="">
<input name="" type="checkbox" value="">
<input name="" type="checkbox" value="">
<input name="" type="checkbox" value="">
<input name="" type="button" onClick="Choose(this, true)">
</div>
</body>
</html>

时间： 2024-09-13 17:32:57

js多兼容全选/反选代码的相关文章

js复选框全选 反选代码

  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-equiv="con

Jquery CheckBox全选方法代码附js checkbox全选反选代码_jquery

jquery方法如下: 复制代码 代码如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这个为列表中的checkbox名称 chkAll 就为

jquery、js操作checkbox全选反选

 全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下 操作checkbox,全选反选   代码如下: //全选  function checkAll() {  $('input[name="TheID"]').attr("checked", "checked");  }  //反选  function uncheckAll() {  $('input[name="TheID"]').each(fu

javascritp checkbox全选反选代码

javascritp checkbox全选反选代码 //全选与反选 <script type="text/网页特效"> var checkflag = "false"; function check(field) {      if (checkflag == "false")      {            for (i = 0; i < field.length; i++)            {           

jquery javascript全选反选代码(1/2)

代码如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这个为列表中的checkbox名称 chkAll 就为全选按钮名称 喜欢上了Jquery

jquery、js操作checkbox全选反选_javascript技巧

操作checkbox,全选反选 复制代码 代码如下: //全选 function checkAll() { $('input[name="TheID"]').attr("checked", "checked"); } //反选 function uncheckAll() { $('input[name="TheID"]').each(function() { this.checked = !this.checked; }) }

总结jQuery checkbox全选/反选代码

在修改Hi GPA的时候需要增加一个全选用户的功能,结果被坑惨了. 首先,最终代码是这么写的:  代码如下 复制代码 var text = $('#select-all-student').html(); if (text == '全选') {     $('input[name="studentNumber"]').prop('checked', true);     $('#select-all-student').html('取消全选') } else {     $('inpu

jquery全选/反选代码

  <form> 你爱好的运动?<br/> <input type="checkbox" id="checkedall" />全选/全不选<br/> <input type="checkbox" name="items" value="足球"/>足球 <input type="checkbox" name="it

js实现checkbox全选、不选与反选的方法_javascript技巧

本文实例讲述了js实现checkbox全选.不选与反选的方法.分享给大家供大家参考.具体分析如下: 一.思路: 1. 获取元素 2. 给全选 不选 反选添加点击事件 3. 用for循环checkbox 4. 把checkbox的checked设置为true即实现全选 5. 把checkbox的checked设置为false即实现不选 6. 通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设