JS 全选、全不选、反选

function checkReturn(obj) {
                var objIds = obj.value;
                //当没有选中某个子复选框时,checkboxall取消选中
                if (!$("#subcheck").checked) {
                    $("#checkboxall").attr("checked", false);
                }
                // 获取subcheck的个数
                var chsub = $("input[type=‘checkbox‘][id=‘subcheck‘]").length;
                // 获取选中的subcheck的个数
                var checkedsub = $("input[type=‘checkbox‘][id=‘subcheck‘]:checked").length;
                if (checkedsub == chsub) {
                    // 控制全选按钮的选中
                    $("#checkboxall").attr("checked", true);
                }
            }
            function funcCheckAll() {
                   // 判断全选按钮是否是已选中状态
                   // $("#checkboxall").prop("checked")说明已选中
                   // JQuery版本不同,if条件不同
                   if ($("#checkboxall").prop("checked")) {
                       // 将各个子单选按钮设为选中状态
                       $(‘input[name=ids]‘).attr(‘checked‘, ‘checked‘);
                   } else { // 此时全选按钮起到反选作用
                        // 将选中状态改为非选中
                       $(‘input[name=ids]‘).removeAttr(‘checked‘);
                   }
                   // 将‘全不选‘按钮置为非选中状态
                   $(‘input[name=checkboxNotall]‘).removeAttr(‘checked‘);
                   // 将‘反选‘按钮置为非选中状态
                   $(‘input[name=checkboxInverse]‘).removeAttr(‘checked‘);
            }
            function funcCheckNotAll() {
                    // 将选中状态改为非选中
                   $(‘input[name=ids]‘).removeAttr(‘checked‘);
                   // 将‘全选‘按钮置为非选中状态
                   $(‘input[name=checkboxbutton]‘).removeAttr(‘checked‘);
                   // 将‘反选‘按钮置为非选中状态
                   $(‘input[name=checkboxInverse]‘).removeAttr(‘checked‘);
            }
            function funcCheckInverse() {
                // 将‘全选‘按钮置为非选中状态
                   $(‘input[name=checkboxbutton]‘).removeAttr(‘checked‘);
                   // 将‘全不选‘按钮置为非选中状态
                   $(‘input[name=checkboxNotall]‘).removeAttr(‘checked‘);
                   // 获取所有子选框
                   var checkDelete = document.getElementsByName("ids");
                   for(var i=0; i<checkDelete.length; i++) {
                       // 判断全选按钮是否是已选中状态
                       if (checkDelete[i].type == "checkbox" && checkDelete[i].checked) {
                           // 将子选框设为非选中状态
                           checkDelete[i].checked = false;
                       } else {
                           // 将子选框设为选中状态
                           checkDelete[i].checked = true;
                       }
                   }
            }

原文地址:https://www.cnblogs.com/yichenscc/p/10387333.html

时间: 2024-10-14 03:55:51

JS 全选、全不选、反选的相关文章

【JS】全选、不选、反选复选框(模板)

今天和大家分享一个全选.不选.反选复选框的例子,这个例子可以当做是一个模板使用,只要把一些数据适当改变以下就OK啦. 这是效果图: 代码如下: HTML部分: <input type="button" value="全选"/ id="btn1"> <input type="button" value="不选"/ id="btn2"> <input type=

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

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

jquery实现全选、不选、反选的两种方法

在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为"checked",假的为"undefined";当用prop取值时,真的为"true",假的为"false".经过网上参考一些资料,及根据官方的建议这两个用法:具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr().   方法一

利用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

(checkbox)全选/全不选/反选/选中显示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

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

Jq 遍历 全选 全不选 反选

//全选 全不选 $('#checkAll').click(function () { //判断是否被选中 var bischecked = $('#checkAll').is(':checked'); var fruit = $('input[name="check"]'); bischecked ? fruit.attr('checked', true) : fruit.attr('checked', false); }); //反选 遍历checkbox 如果当前为选中 就设置为

JS checkbox 全选 全不选

/* JS checkbox 全选 全不选 Html中checkbox: <input type="checkbox" name="cbx" value="<%= Default by yourself %>"/> 以下方法各有优劣,使用时根据情况而定. */ //全选(方法一:each 循环) function checkAll() { $.each($("input[name=cbx]"), fun

checkbox全选/全不选/反选(jQuery v1.11.3测试通过)

主要功能: 方式一:使用三个按钮(全选.全不选 .反选)控制checkbox的选择.(实际可能全选/全不选共用按钮,这里没做) 方式二:使用一个主控checkbox用于控制其他checkbox的选择状态,同时受控checkbox是否全选也反馈给主控checkbox(这里有两种方式实现).   以下代码及实现效果在jQuery v1.11.3测试通过!2015/07/18! 测试效果:   代码: <!-- ---------------------------------------------