4、jQuery实现的全选、反选和不选功能

2019独角兽企业重金招聘Python工程师标准>>>

这个地址更权威：最好的选择：http://www.sucaihuo.com/js/10.html

<html><head><title>TODO supply a title</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><script type="text/javascript" src="js/jquery-1.7.2.js"></script></head><body><ul id="list">   <li><label><input type="checkbox" value="1"> 1.时间都去哪儿了</label></li> <li><label><input type="checkbox" value="2"> 2.海阔天空</label></li> <li><label><input type="checkbox" value="3"> 3.真的爱你</label></li> <li><label><input type="checkbox" value="4"> 4.不再犹豫</label></li> <li><label><input type="checkbox" value="5"> 5.光辉岁月</label></li> <li><label><input type="checkbox" value="6"> 6.喜欢妳</label></li> </ul> <input type="checkbox" id="all"> <input type="button" value="全选" class="btn" id="selectAll">   <input type="button" value="全不选" class="btn" id="unSelect">   <input type="button" value="反选" class="btn" id="reverse">   <input type="button" value="获得选中的所有值" class="btn" id="getValue"> <span id="total"></span></body>
</html>
<script>/*$(doucument).ready(function(){alert(); });*/$(function(){/*** 全选*/$("#selectAll").click(function(){$("#list :checkbox,#all").attr("checked",true);  allchk();});/*** 取消全选*/$("#unSelect").click(function(){$("#list :checkbox,#all").attr("checked",false);});/*** 反选*/$("#reverse").click(function(){$("#list :checkbox").each(function(){$(this).attr("checked",!$(this).attr("checked"));});});/*** 获取所有选中框的值*/$("#getValue").click(function(){var data1 = new Array;var total = 0;$("#list :checkbox[checked]").each(function(i){data1[i] = $(this).val();total++;});var data2 = data1.join(',');  //将数组转换成字符串alert(data2+"总共："+total);});});
</script>

1.时间都去哪儿了
2.海阔天空
3.真的爱你
4.不再犹豫
5.光辉岁月
6.喜欢妳

转载于:https://my.oschina.net/u/214052/blog/478707

4、jQuery实现的全选、反选和不选功能相关推荐

android 批量查找view,Android Recyclerview实现多选,单选,全选,反选,批量删除的功能
效果图如下: recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...
android 全选功能,Android Recyclerview实现多选,单选,全选,反选,批量删除的功能
效果图如下: Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...
android 获取通讯录全选反选_Android Recyclerview实现多选,单选,全选,反选,批量删除的功能...
效果图如下: Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...
jQuery如何动态删除TR，input按钮删除本行记录,checkbox全选反选
checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...
html实现全选反选,jquery实现全选、不选、反选的两种方法
在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为"checked",假的为"undefined";当用pro ...
jQuery全选反选实例
1. $('#tb:checkbox').each(function(){ 每次都会执行全选-取消操作,注意$('#tb :checkbox').prop('checked',true); tb后面 ...
Jquery实现全选反选
Jquery实现全选反选 <!DOCTYPE html> <html lang="en"><head><meta charset=&qu ...
JQuery全选反选随其他checkbox自动勾选全选反选
工作中的代码片段写出来留作以后对比参考网上没找到自己想要的全选反选代码干脆自己写了个比较臃肿的相信还有更加简单的方法 jquery代码 ============================ ...
关于JQuery全选/反选第二次失效的问题
最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了.原代码大致结构关键如下: function selectA ...
（转载+原创）jQuery实现的全选、全不选、反选和半选功能
转载自:https://www.helloweba.com/view-blog-254.html helloweba.com 作者:月光光时间:2014年03月31日 21:12 标签: jQuer ...

4、jQuery实现的全选、反选和不选功能

4、jQuery实现的全选、反选和不选功能相关推荐

最新文章

热门文章