mysql select 反选_checkbox的全选与反选

需求：

1.当all选项勾选时，所有选项都被勾选，反正当所有选项被选中时，全选选项自动选中

2.点击反选按钮时，被选中的选项取消选中，未被选中的选项被选中

Html结构

all

反选

首先，我们得到我们要控制的元素，并且用for循环给每个checkbox绑定点击事件：

var all=document.getElementById("all")

var box=document.getElementsByTagName("input") //此处选中了所有的input,包括全选按钮本身，在后面的操作中需要注意

for (i = 0; i < box.length-1; i++) {

box[i].onclick = onclike

}

1.全选

分析：我们让每个checkbox的checked属性都等于全选的checked属性，则可实现全选和全不选的操作，代码如下：

function check() {

for (i = 0; i < box.length-1; i++) {

box[i].checked = all.checked

mysql select 反选_checkbox的全选与反选相关推荐

jquery +做CheckBoxList全选，反选
以前我们做CheckBoxList全选,反选,一般用Aspx+CodeFile.或者用JavaScript 现在我们可以用JQuery来帮我Easy Choose. 这里我来写三种: 第一种全选 $ ...
checkbox全选和反选功能
用jQuery实现checkbox的全选和反选功能,当checkbox禁用时候不参与全选功能 <!DOCTYPE html> <html> <head><ti ...
html dom反选,Dom操作--全选反选
我们经常会在网站上遇到一些多选的情况,下面我就来说说使用Dom写全选反选的思路. 全选思路: 首先,我们来分析一下知道,当我们点击"全选"复选框的时候,所有的复选框应该都被选中,那 ...
checkbox全选与反选
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
[原]vue实现全选，反选
用vue写业务代码时候,后端大神丢给我一堆数据,要求是做全选,反选功能,然后把用户更改的数据全部返回给他基本思路如果父级选中了,那么父级下面的子集全部选中checked=true; 如果子集中选中 ...
js及jQuery实现checkbox的全选、反选和全不选
html代码: <label><input type="checkbox" id="all"/>全选</label> < ...
【jQuery】复选框的全选、反选，推断哪些复选框被选中
本文与<[JavaScript]复选框的全选.反选.推断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,相同做到例如以下的效果: 布局还是相同的布局, ...
JS实现全选、反选、不选
JS实现全选.反选.不选效果图: 代码如下,复制即可使用: <!DOCTYPE html> <html> <head><meta charset=" ...
GridView的全选与反选
昨天做照片墙的全选和反选功能时,一直有bug出现,后来花了一些时间,终于是做出来了. 1.在已经完成照片墙的adapter内,加入选择图片的List<String>mSelectedImg ...

mysql select 反选_checkbox的全选与反选

mysql select 反选_checkbox的全选与反选相关推荐

最新文章

热门文章