浅谈jquery设置和获得checkbox选中的问题


Posted in Javascript onAugust 19, 2016

1. 设置checkbox选中:

//选中多选框
checkbox=$("#agentinfo input[name='veri[]']");

//循环多选框中的值
checkbox.each(function(){
              
  for(var j=0;j<data.veri.length;j++){
    
    //判断当前值是否在数组中
    if($(this).val() == data.veri[j]){
      $(this).attr('checked','checked');//选中
    }
  }
});

2. 通过点击修改checkbox的选中项

3. 获得checkbox中的选中值

//获取多选框
checkbox=$("#agentinfo input[name='veri[]']");
  
  //定义一个字符串拼接所得到的值,为了传输方便
  var veri_str = '';
          
  checkbox.each(function(){
    
    //判断是否被选中,此处就是我要写这个博客的原因,开始用的$(this).attr('checked')==true判断,但死活
    //就是会获取之前通过jquery赋值的值,页面中去掉也是会获得,郁闷的不行,最终神仙帮我搞定。
    //要用$(this).is(':checked'),不明白为什么!
    
    if($(this).is(':checked'))
      
        veri_str+=$(this).val()+',';//拼装字符串
  });

以上这篇浅谈jquery设置和获得checkbox选中的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript数组的扩展实现代码集合
Jun 01 Javascript
JavaScript与DropDownList 区别分析
Jan 01 Javascript
javascript 获取页面的高度及滚动条的位置的代码
May 06 Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
May 04 Javascript
JavaScript计算字符串中每个字符出现次数的小例子
Jul 02 Javascript
java、javascript实现附件下载示例
Aug 14 Javascript
当前流行的JavaScript代码风格指南
Sep 10 Javascript
移动设备web开发首选框架:zeptojs介绍
Jan 29 Javascript
详解JS面向对象编程
Jan 24 Javascript
微信小程序返回多级页面的实现方法
Oct 27 Javascript
微信小程序实现笑脸评分功能
Nov 03 Javascript
React倒计时功能实现代码——解耦通用
Sep 18 Javascript
AngularJS入门教程之过滤器详解
Aug 19 #Javascript
js判断checkbox是否选中个数的方法(超简单)
Aug 19 #Javascript
Angular设置title信息解决SEO方面存在问题
Aug 19 #Javascript
js仿腾讯QQ的web登陆界面
Aug 19 #Javascript
基于WebUploader的文件上传js插件
Aug 19 #Javascript
JS获取checkbox的个数简单实例
Aug 19 #Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
Aug 19 #Javascript
You might like
DC四月将推出百页特刊漫画 纪念小丑诞生80周年
2020/04/09 欧美动漫
我的论坛源代码(二)
2006/10/09 PHP
一段防盗连的PHP代码
2006/12/06 PHP
PHP注释实例技巧
2008/10/03 PHP
有关PHP性能优化的介绍
2013/06/20 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
JS类定义原型方法的两种实现的区别评论很多
2007/09/12 Javascript
JavaScript与DropDownList 区别分析
2010/01/01 Javascript
javascript创建数组之联合数组的使用方法示例
2013/12/26 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
2014/01/10 Javascript
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”
2015/03/05 Javascript
详解JavaScript中的every()方法
2015/06/08 Javascript
JS实现的竖向折叠菜单代码
2015/10/21 Javascript
jquery+css3问卷答题卡翻页动画效果示例
2016/10/26 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
2017/12/16 Javascript
关于AOP在JS中的实现与应用详解
2019/05/06 Javascript
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
VUEX 数据持久化,刷新后重新获取的例子
2019/11/12 Javascript
Vue实现附件上传功能
2020/05/28 Javascript
JavaScript动态生成表格的示例
2020/11/02 Javascript
Python进阶-函数默认参数(详解)
2017/05/18 Python
python pandas dataframe 行列选择,切片操作方法
2018/04/10 Python
Python绘制股票移动均线的实例
2019/08/24 Python
Django之路由层的实现
2019/09/09 Python
python实现人脸签到系统
2020/04/13 Python
Python中Selenium模块的使用详解
2020/10/09 Python
css3实现背景颜色渐变让图片不再是唯一的实现方式
2012/12/18 HTML / CSS
在校生汽车维修实习自我鉴定
2013/09/19 职场文书
法院授权委托书格式
2014/09/28 职场文书
技术员岗位职责
2015/02/04 职场文书
端午节活动总结报告
2015/02/11 职场文书
2015年建筑工作总结报告
2015/05/04 职场文书
教你使用TensorFlow2识别验证码
2021/06/11 Python
flex弹性布局详解
2022/03/20 HTML / CSS
SpringBoot2零基础到精通之数据库专项精讲
2022/03/22 Java/Android