jquery实现全选反选操作
来源:互联网 发布:js字符串叠加 编辑:程序博客网 时间:2024/06/07 01:16
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta charset="utf-8"> <title>复选按钮</title> <script type="text/javascript" src="jquery-1.11.1.js"></script> <script type="text/javascript"> $(function(){ //获得所有name=cboxjquery对象 var a=$("input[name='cbox']"); //为全选按钮绑定点击事件 $("input[name='checkAll']").click(function(){ a.each(function(){ $(this).prop("checked",$("input[name='checkAll']").prop("checked")); }); }); //为反选按钮绑定点击事件 $("#btn").click(function(){ a.each(function(){ //每一个jquery对象设置为与当前状态相反的选择 $(this).prop("checked",!$(this).prop("checked")); }); //反选操作之后更改全选按钮的状态 change_checked_all(); }); //为每一个选择按钮绑定点击事件 a.each(function(){ $(this).click(change_checked_all); }); //根据当前所有复选按钮的状态更改全选按钮的状态 function change_checked_all(){ var ch=true; //判断是否所有选项都被选择 for(var i=0;i< a.size();i++){ if($(a.get(i)).prop("checked")==false){ ch=false; break; } } //根据所有选择按钮的状态更改全选按钮的状态 $("input[name='checkAll']").prop("checked",ch); } }) </script></head><body> <div id="div1" style="width: 300px;height: 200px"> <input type="checkbox" name="checkAll"/>全选<br/> <input type="checkbox" name="cbox"/>1<br/> <input type="checkbox" name="cbox"/>2<br/> <input type="checkbox" name="cbox"/>3<br/> <input type="checkbox" name="cbox"/>4<br/> <input type="checkbox" name="cbox"/>4<br/> <input type="checkbox" name="cbox"/>5<br/> <input type="checkbox" name="cbox"/>7<br/> <input type="checkbox" name="cbox"/>8<br/> <input type="checkbox" name="cbox"/>9<br/> <input type="button" value="反选" id="btn"/> </div></body></html>
阅读全文
0 0
- jquery实现全选反选操作
- jquery实现全选/反选
- jquery实现全选反选
- jquery实现全选反选
- jquery实现全选、反选
- jQuery实现 全选/反选
- jQuery复选框全选反选操作
- Jquery操作全选,反选等批处理
- jquery 操作 checkbox 全选、反选、清除
- jQuery实现全选,全部选,反选
- jquery实现全选,反选,不选
- jQuery实现checkbox全选和反选
- Jquery实现全选反选功能
- JQuery 实现checkbox全选、反选、取消
- jquery实现全选、反选、全不选
- jQuery实现的全选、全不选、反选
- jquery实现全选、反选、全不选 .
- JQuery实现的 checkbox 全选、反选。
- 第十四周 项目三 B_树的基本操作
- 梯度下降算法
- 项目需求
- stopPropagation&&preventDefault
- Poj Pre-Post-erous!
- jquery实现全选反选操作
- EOJ Monthly 2017.12 易位构词(贪心+STL特性容器 +头文件<bits/stdc++.h> )
- 省选专练SHTSC2002舞会
- 关于String.intern()
- (七)Selenium库
- 关于PHP上传文件和中文名乱码情况
- 学习owl
- 不负韶华
- PAT (Basic Level) Practise (中文) 1077. 互评成绩计算 (20)