`
- 浏览:
396538 次
- 性别:
- 来自:
北京
-
checkbox 多选框 :jquery之全选、全不选、反选
- <!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>
- <title>全选,不全选,反选</title>
- <script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script>
- <script language="javascript" type="text/javascript">
- $(function () {
- $("#selectAll").click(function () {//全选
- $("#playList :checkbox").attr("checked", true);
- });
-
- $("#unSelect").click(function () {//全不选
- $("#playList :checkbox").attr("checked", false);
- });
-
- $("#reverse").click(function () {//反选
- $("#playList :checkbox").each(function () {
- $(this).attr("checked", !$(this).attr("checked"));
- });
- });
- });
- </script>
- </head>
- <body>
- <div id="playList">
- <input type="checkbox" value="歌曲1" />歌曲1<br />
- <input type="checkbox" value="歌曲2" />歌曲2<br />
- <input type="checkbox" value="歌曲3" />歌曲3<br />
- <input type="checkbox" value="歌曲4" />歌曲4<br />
- <input type="checkbox" value="歌曲5" />歌曲5<br />
- <input type="checkbox" value="歌曲6" />歌曲6
- </div>
- <input type="button" value="全选" id="selectAll" />
- <input type="button" value="全不选" id="unSelect" />
- <input type="button" value="反选" id="reverse" />
- </body>
- </html>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
2、取消全选(全不选) $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); }) 3、选中所有奇数 $("#btn3").click(function(){ $("input[name='checkbox']:odd").attr("check
摘要:脚本资源,jQuery,全选,反选 三个基于jQuery的JS复选框全选反选例子,实用的网页特效,三款例子大同小异。所有checkbox跟着全选的checkbox走,定义一个临时变量,避免重复使用同一个选择器选择页面中的元素,...
jQuery实现checkbox(复选框)选中、全选/反选代码: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><...
今天看了jQuery手册,对prop()函数又多了一点认识,记忆力不好,记录下来。 prop() : 获取匹配元素集中第一个元素的值 判断checkbox中的第一个是否被选中: $(":checkbox").prop("checked"); //如果第一个checkbox...
主要介绍了jQuery实现checkbox全选、反选及删除等操作的方法,结合实例形式形式详细分析了jQuery针对checkbox多选按钮常见批量操作相关实现技巧,需要的朋友可以参考下
jquery获取checkbox选中的值,包括全选 取消全选 反选 选中奇数行 获取选中的值
Jquery多选框的基本操作:支持全选、反选、取消全选的功能 HTML正文: <input type="checkbox" id="c1">全选/全不选 兴趣爱好: <input type="checkbox" name="interst" value="basketball">...
话不多说,请看代码 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>Document</title> </head> <body> <form> 苹果 <input type...
//thinkphp循环显示把data里fid赋予多选框 <td><input type=checkbox value={$vo.fid}/></td>//可在后面加td输入参数 <th width=80><input type=checkbox id=all/>全选 <th width=80><input ...
├最新AngularJS开发宝典—第010讲 实例讲解angular操作checkbox复选框.mp4 ├最新AngularJS开发宝典—第011讲 实例讲解angular操作select列表框.mp4 ├最新AngularJS开发宝典—第012讲 函数使用方法大小写转换与...