JQuery CheckBox(复选框)操作方法汇总


Posted in Javascript onApril 15, 2015

JQuery CheckBox(复选框)操作方法汇总

1.   获取单个checkbox选中项(三种写法):

$("input:checkbox:checked").val()

或者
$("input:[type='checkbox']:checked").val();

或者
$("input:[name='ck']:checked").val();

2.   获取多个checkbox选中项:
    $('input:checkbox').each(function() {

            if ($(this).attr('checked') ==true) {

                alert($(this).val());

            }

     });

或者
('input:checkbox').map(function () {             

   return(this).val();

}).get().join(',') ;

3.   设置第一个checkbox 为选中值:
$('input:checkbox:first').attr("checked",'checked');

或者
$('input:checkbox').eq(0).attr("checked",'true');

4.   设置最后一个checkbox为选中值:
$('input:radio:last').attr('checked', 'checked');

或者
$('input:radio:last').attr('checked', 'true');

5.   根据索引值设置任意一个checkbox为选中值:
$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....

或者
$('input:radio').slice(1,2).attr('checked', 'true');

6.   选中多个checkbox:
同时选中第1个和第2个的checkbox:
$('input:radio').slice(0,2).attr('checked','true');

7.   根据Value值设置checkbox为选中值:
$("input:checkbox[value='1']").attr('checked','true');

8.   删除Value=1的checkbox:
$("input:checkbox[value='1']").remove();

9.   删除第几个checkbox:
$("input:checkbox").eq(索引值).remove();索引值=0,1,2....

如删除第3个checkbox:
$("input:checkbox").eq(2).remove();

10.遍历checkbox:
$('input:checkbox').each(function (index, domEle) {

//写入代码

});

11.全部选中
     $('input:checkbox').each(function() {

      $(this).attr('checked', true);

     });

12.全部取消选择:
$('input:checkbox').each(function () {

 $(this).attr('checked',false);

});

Javascript 相关文章推荐
javascript 极速 隐藏/显示万行表格列只需 60毫秒
Mar 28 Javascript
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
May 25 Javascript
javascript对象之内置对象Math使用方法
Apr 16 Javascript
Javascript图像处理—平滑处理实现原理
Dec 28 Javascript
JS长整型精度问题实例分析
Jan 13 Javascript
JavaScript实现找质数代码分享
Mar 24 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
May 18 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
Aug 24 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
Sep 21 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
Mar 30 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 Javascript
详解Vue单元测试case写法
May 24 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 #Javascript
JavaScript控制网页层收起和展开效果的方法
Apr 15 #Javascript
JS扩展方法实例分析
Apr 15 #Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 #Javascript
JQuery radio(单选按钮)操作方法汇总
Apr 15 #Javascript
JavaScript判断前缀、后缀是否是空格的方法
Apr 15 #Javascript
JQuery控制radio选中和不选中方法总结
Apr 15 #Javascript
You might like
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
做一个有下拉功能的留言版
2006/10/09 PHP
php下过滤HTML代码的函数
2007/12/10 PHP
测试php连接mysql是否成功的代码分享
2014/01/24 PHP
php操作redis中的hash和zset类型数据的方法和代码例子
2014/07/05 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
详解PHP防止直接访问.php 文件的实现方法
2017/07/28 PHP
pjblog修改技巧汇总
2007/03/12 Javascript
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
2012/10/12 Javascript
javascript实现文本域写入字符时限定字数
2014/02/12 Javascript
js数组与字符串的相互转换方法
2014/07/09 Javascript
整理Javascript流程控制语句学习笔记
2015/11/29 Javascript
分享jQuery插件的学习笔记
2016/01/14 Javascript
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
2017/07/12 Javascript
前端常见跨域解决方案(全)
2017/09/19 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
React Hooks的深入理解与使用
2018/11/12 Javascript
Vue组件之高德地图地址选择功能的实例代码
2019/06/21 Javascript
解决layui轮播图有数据不显示的情况
2019/09/16 Javascript
node使用request请求的方法
2019/12/20 Javascript
[05:24]TI9采访——教练
2019/08/24 DOTA
Python 过滤字符串的技巧,map与itertools.imap
2008/09/06 Python
使用PYTHON接收多播数据的代码
2012/03/01 Python
python实现给字典添加条目的方法
2014/09/25 Python
python3大文件解压和基本操作
2017/12/15 Python
使用python爬取抖音视频列表信息
2019/07/15 Python
Python图像识别+KNN求解数独的实现
2020/11/13 Python
电脑售后服务承诺书
2014/03/27 职场文书
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
会议接待欢迎标语
2014/10/08 职场文书
政风行风评议个人心得体会
2014/10/29 职场文书
财务工作个人总结
2015/02/27 职场文书
2015年文员个人工作总结
2015/04/09 职场文书
听课评课活动心得体会
2016/01/15 职场文书
党组织关系的介绍信模板
2019/06/21 职场文书
SpringBoot连接MySQL获取数据写后端接口的操作方法
2021/11/02 MySQL