全选复选反选的实现

function selectAll() {
        var ckbox = document.getElementsByName("ckbox");
        var flag = true;
        for(var i = 0; i < ckbox.length; i++) {
                if(ckbox[i].checked == false) {
                        for(var i = 0; i < ckbox.length; i++) {
                                ckbox[i].checked = true;
                        }
                        flag = false;
                        break;
                }
        }
        if(flag) {
                for(var i = 0; i < ckbox.length; i++) {
                        ckbox[i].checked = false;
                }
        }
}
window.onload = function() {
        document.getElementById("btnSelectAll").onclick = function() {
                selectAll();
        }
        document.getElementById("btnSelectOther").onclick = function() {
                selectOther();
        }
}

function selectOther() {
        var ckbox = document.getElementsByName("ckbox");
        for(var i = 0; i < ckbox.length; i++) {
                if(ckbox[i].checked == false) {
                        ckbox[i].checked = true;
                } else {
                        ckbox[i].checked = false;
                }
        }
}

感谢源码时代java学科讲师

时间: 2024-08-29 02:01:49

全选复选反选的实现的相关文章

全选复选框做法

全选复选框 js方法 function CheckAll(){ var qx = document.getElementById("qx").checked; var ck = document.getElementsByClassName("qx"); for(var i=0; i<ck.length;i++) { ck[i].checked = qx; } } jQuery方法: $(document).ready(function(e) { $(&quo

WPF: 实现带全选复选框的列表控件

本文将说明如何创建一个带全选复选框的列表控件.其效果如下图:     这个控件是由一个复选框(CheckBox)与一个 ListView 组合而成.它的操作逻辑: 当选中“全选”时,列表中所有的项目都会被选中:反之,取消选中“全选”时,所有项都会被取消勾选. 在列表中选中部分数据项目时,“全选”框会呈现不确定状态(Indetermine). 由此看出,“全选”复选框与列表项中的复选框达到了双向控制的效果. 其设计思路:首先,创建自定义控件(CheckListView),在其 ControlTem

全选复选框

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title&

jquery 循环遍历选中的多选复选框checkbox

1多选复选框 <input type=checkbox  name=id value=${entity.id}> 2.循环遍历 var courseIdList = []; var $courseList = $('input[type="checkbox"]:checked'); $courseList.each(function() { courseIdList.push($(this).prop('value')); });

勾选复选框按钮可用否则不可用

勾选复选框按钮可用否则不可用 function check(){ var chec=document.getElementById("chec"); if(chec.checked==true){ alert(1111) document.getElementById("btn").removeAttribute("disabled") }else{ alert(22222) document.getElementById("btn&q

iOS开发-UITableView单选多选/复选实现1

TableView如何实现单选或者多选呢? 我们的直接思路是修改某一个Cell的样式即可, 那么修改样式需要通过修改对应的数据, 从这里可以推断我们需要给Cell对应的数据设置一个标志位, 当选中的时候来修改该标志位刷新那一行即可 如果是单选实现稍微复杂一些: 单选需要设置一个属性来保存上一次选中的行, 待选中新的行之后需要修改该行,不断维护 我的实现如下: (1)创建一个TableViewController, 为了简单使用系统的Cell样式 设置重用标识符为 ACELL cell对应的Mod

JS-日期框、下拉框、全选复选框

<!-- 下拉框 --><link rel="stylesheet" href="static/ace/css/chosen.css" /> <!-- 日期框 --><link rel="stylesheet" href="static/ace/css/datepicker.css" /> <!-- 日期框 --> <script src="stati

.is() 全选复选的判断

/* 全选/全不选 */function selectAll(){ if($("#ckAll").is(":checked",true)){ $(":checkbox").prop("checked",true); //所有选择框都选中 }else{ $(":checkbox").prop("checked",false); } }/*全选和复选的联动*/function CKAllsO

DEV控件的分页控件,实现勾选复选框

/// <summary> /// 单元格的点击事件 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> private void gViewActPara_MouseDown(object sender, MouseEventArgs e) { GridHitInfo hint = Dwgd

前端框架(二)DIV多选复选框框的封装和MySql数据库存取

图能够包括的寓意和含义是文字不能比拟的,先有一个效果图你也就知道这篇文章的主要内容是关于什么问题的.省去了一大堆文字的累述.看以下这张图: 这个需求就是要实现某个人具有第二种特性.具有多对多关系.比方某个人既喜欢运动.有喜欢上网等等.这样类似的需求在差点儿在每一个系统里面都有设计.并且非常多框架都实现了这种功能,假设让自己去实现就须要自己从建立表.逻辑.以及界面JS都须要自己手动去写,以下是说下我的设计思路. 设计思路 将多个checkbox放到一个div元素中.利用jquery的函数进div和