JS checkbox 全选 全不选

/*
    JS checkbox 全选 全不选

    Html中checkbox: <input type="checkbox" name="cbx" value="<%= Default by yourself %>"/>
    以下方法各有优劣,使用时根据情况而定.
*/

//全选(方法一:each 循环)
function checkAll() {
    $.each($("input[name=cbx]"), function(i) {
        if ($(this).attr("checked") == false) {
            $(this).attr("checked", "true");
        }
    });
}

//全选(方法二:根据名称)
function checkAll() {
    var code_Values = document.all[‘cbx‘];
    if(code_Values.length){
        for(var i=0;i<code_Values.length;i++){
            code_Values[i].checked = true;
        }
    }else{
        code_Values.checked = true;
    }
}

//全选(方法三:根据Tag 和 Type [input中的type])
function checkAll() {
    var code_Values = document.getElementsByTagName("input");
    if (code_Values.length) {
        for (i = 0; i < code_Values.length; i++) {
            if (code_Values[i].type == "checkbox") {
                code_Values[i].checked = true;
            }
        }
    } else {
        if (code_Values.type == "checkbox") {
            code_Values.checked = true;
        }
    }
}

//全不选(方法一:each 循环)
function uncheckAll() {
    $.each($("input[name=cbx]"), function(i) {
        if ($(this).attr("checked") == true) {
            $(this).attr("checked", "false");
        }
    });
}

//全不选(方法二:根据名称)
function uncheckAll()
{
    var code_Values = document.all[‘cbx‘];
    if(code_Values.length){
    for(var i=0;i<code_Values.length;i++){
        code_Values[i].checked = false;
    }
    }else{
        code_Values.checked = false;
    }
}

//全不选(方法三:根据Tag 和 Type [input中的type])
function uncheckAll() {
    var code_Values = document.getElementsByTagName("input");
    if (code_Values.length) {
        for (i = 0; i < code_Values.length; i++) {
            if (code_Values[i].type == "checkbox") {
                code_Values[i].checked = false;
            }
        }
    } else {
        if (code_Values.type == "checkbox") {
            code_Values.checked = false;
        }
    }
}

JS checkbox 全选 全不选

时间: 2024-10-14 18:40:33

JS checkbox 全选 全不选的相关文章

asp.net中Repeater结合js实现checkbox的全选/全不选

前台界面代码: <input name="CheckAll" type="checkbox" id="CheckAll" value="" onclick="javascript:FormSelectAll('form1','cboxi','CheckAll',this);" /> //用于选择是否全选的复选框,用javascript函数"FormSelectAll('form1','

JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 全部选择全选被选择

</pre><pre name="code" class="javascript"><span style="font-size:18px;">//点击全选按钮的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo"); var select=document.getElementsByName

js实现CheckBox全选全不选

CheckBox全选全不选的js方法 效果: 页面 :<table style="width: 2350px; table-layout: fixed;" border="0" cellpadding="0" cellspacing="1" bgcolor="b5d6e6" class="data_table"> <tr class="scrollColThe

w_all_checked - js -checkbox 多选、全选、submit、request

<!doctype html> <html> <head> <meta charset="UTF-8"> </head> <body> <?php $rand = rand(66,99); $db = array(); for($w=0;$w<$rand;$w++){ $id = $w+rand(2,879); $www = 'www'.rand(); $tmp = array('id'=>$id

纯JS 实现 点击 全选/全不选 checkbox 功能

html <input id="select_direction" type="button" onclick="select_check();" select_direction="f" value="全选/全不选"/> js // js 全选复选框按钮 function select_check() { // 获取所有input 集合 var obj_input = document.get

比较全的JS checkbox全选、取消全选、删除功能代码

JS checkbox 方法一: 复制代码代码如下: function checkAll() { var code_Values = document.all['code_Value']; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i].checked = true; } }else{ code_Values.checked = true; } } function uncheckAll

多选框checkbox全选全不选和反选

在判断多选框中的某一个是否被选中时,我们可以用checked的属性 选中了就返回true,没被选中就返回false; 这是html代码: <form action="#"> <label for="hobby">爱好:</label> <label for="hobby1"> <input type="checkbox" name="hobby" id=

利用jQuery实现CheckBox全选/全不选/反选

转自:http://www.cnblogs.com/linjiqin/p/3148259.html jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–>测试通过,jquery-1.5.1.js–>测试不通过. 实现CheckBox全选/全不选/反选代码如下: <%@ page language="java" pageEncoding="UTF-8"%>   <!DOCTYPE

JS中表格的全选和删除要注意的问题

在项目开发中,由于刚刚开始做项目,我对js还不是很精通,所以在用js对表格的全选和删除中遇到了不少问题,后来通过查找资料解决了,之后总结了一下关于js表格的全选和删除出现的一些问题,希望能帮助到大家. 以下是我自己做的一个小例子,用来更简单明了的说明js全选和删除. 一.全选的说明:当选中全选的checkbox时,下面1-5都会选中,没有选中时1-5都不会选中,这个实现不难,步骤如下: 1.获取全选框的选中状态, 2.for循环设置所有的单选框的选中状态 主要代码: //1.获取全选按钮 var