jquery checkbox用法汇总
来源:http://www.jb51.net/article/75717.htm
1、全选
1
2
3
|
$( "#btn1" ).click( function (){ $( "input[name='checkbox']" ).attr( "checked" , "true" ); }) |
2、取消全选(全不选)
1
2
3
|
$( "#btn2" ).click( function (){ $( "input[name='checkbox']" ).removeAttr( "checked" ); }) |
3、选中所有奇数
1
2
3
|
$( "#btn3" ).click( function (){ $( "input[name='checkbox']:odd" ).attr( "checked" , "true" ); }) |
4、选中所有偶数
1
2
3
|
$( "#btn6" ).click( function (){ $( "input[name='checkbox']:even" ).attr( "checked" , "true" ); }) |
5、反选
1
2
3
4
5
6
7
8
9
10
11
12
|
$( "#btn4" ).click( function (){ $( "input[name='checkbox']" ).each( function (){ if ($( this ).attr( "checked" )) { $( this ).removeAttr( "checked" ); } else { $( this ).attr( "checked" , "true" ); } }) }) |
或者
1
2
3
4
5
|
$( "#invert" ).click( function (){ $( "#ruleMessage [name='delModuleID']:checkbox" ).each( function (i,o){ $(o).attr( "checked" ,!$(o).attr( "checked" )); }); }); |
6、获取选择项的值
1
2
3
4
5
6
7
8
|
var aa= "" ; $( "#btn5" ).click( function (){ $( "input[name='checkbox']:checkbox:checked" ).each( function (){ aa+=$( this ).val() }) document.write(aa); }) }) |
7、遍历选中项
1
2
3
4
|
$( "input[type=checkbox][checked]" ).each( function (){ //由于复选框一般选中的是多个,所以可以循环输出 alert($( this ).val()); }); |
jquery checkbox用法汇总的更多相关文章
- jquery replace用法汇总
//只替换匹配到的第一个目标 var str="Visit Microsoft! Microsoft"document.write(str.replace(/Microsoft/, ...
- JQuery select,checkbox用法 文本框只能输入数字
记录一下,方便查找 a.文本框只能输入数字 onkeyup='this.value=this.value.replace(/\D/gi,"")' eg: <input typ ...
- jquery基础知识汇总
jquery基础知识汇总 一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQu ...
- jquery checkbox勾选取消勾选的诡异问题
jquery checkbox勾选/取消勾选的诡异问题jquery checkbox勾选/取消勾选的诡异问题 <form> 你爱好的运动是?<input type=&q ...
- jQuery $.each用法[转]
jQuery $.each用法 以下内容非原创,来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html 通过它,你可以遍历对象. ...
- jQuery数组处理汇总
jQuery数组处理汇总 有段时间没写什么了, 打算把jquery中的比较常用的数组处理方法汇总一下 $.each(array, [callback])遍历,很常用 1 2 3 4 5 6 7 8 ...
- JQuery Checkbox的change事件
JQuery Checkbox的change事件 参考 http://blog.csdn.net/hbhgjiangkun/article/details/8126981 $(functio ...
- jQuery 事件用法详解
jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jque ...
- jquery cookie 用法
jquery cookie 用法 $.cookie("name","value","options") 当不设置options时,此coo ...
随机推荐
- PHP is_null,empty以及isset,unset的区别
1.empty 判断一个变量是否为“空”.null.false.00.0.’0′.』.为以上值的变量在检测時都将返回true. 2.isset 判断一个变量是否已经设置.0.00.’0′.』.’ ‘. ...
- eCharts 多个图表自适应窗口大小
单个图表自适应页面窗口只需要在创建图表节点后面添加一句代码就可以了: window.onresize = myChart.resize; 多图表要自适应页面,创建图表节点后面添加事件,并在事件函数里面 ...
- Linux信号函数
1. signal函数: #include <signal.h> void (*signal(int signo, void (*func)(int)))(int); ret-成功返回信号 ...
- Linux 入门记录:一、命令行 Bash 的基本操作
为了以后长期的线上测试和服务器的性能考量,要用 Linux 服务器了.昨晚装了个 CentOS 6.9,今天开始学学 Linux 基础,扫扫盲.ok,小本本记 ing... 一.Shell简介 She ...
- 如何使用vux创建vue项目
1.安装vue-cli,通过vue-v可以查明 安装vue-cli步骤 vue init airyland/vux2 projectPath(项目名字) 2.安装依赖模块 方法1:npm instal ...
- java 内部类和静态内部类的区别
private class InnerClass { // 只有在静态内部类中才能够声明或定义静态成员 // private static String tt = &quo ...
- telent
telnet ip 空格 port ctrl+] 进入 命令后 quit 退出 在linux/unix下使用telnet hostname port连接上主机后会提示Escape chara ...
- SQL Server 用链接服务器 同步SqlServer与MySQL
=======================================================================================SQL SERVER链接S ...
- laravel中新增路由文件
随着业务的发展,前后台和不同平台的代码都写在一个路由文件里面会非常庞杂,这时候就诞生了拆分路由文件的需求,好在Lavravel给我们提供了支持: 1.在routes文件夹中添加新的路由文件如:admi ...
- angularjs 微信授权登录 微信支付
最近做一个项目,用angular 一个单页应用,打算打包成 跨平台移动App 以及在微信里面使用.给大家一个案例 首先,熟悉一下微信授权部分的源代码,如下所示: javascript 前端代码: va ...