浅谈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 相关文章推荐
时间戳转换为时间 年月日时间的JS函数
Aug 19 Javascript
javascript将异步校验表单改写为同步表单
Jan 27 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
Jul 28 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
ECharts仪表盘实例代码(附源码下载)
Feb 18 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
angularjs路由传值$routeParams详解
Sep 05 Javascript
webpack4+react多页面架构的实现
Oct 25 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
May 13 Javascript
微信小程序实现消息框弹出动画
Apr 18 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 Javascript
原生js实现随机点名
Jul 05 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
php对gzip文件或者字符串解压实例参考
2008/07/25 PHP
UTF8编码内的繁简转换的PHP类
2009/07/09 PHP
PHP实现更新中间关联表数据的两种方法
2014/09/01 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
php文件上传类的分享
2017/07/06 PHP
PHP的PDO大对象(LOBs)
2019/01/27 PHP
jquery validation插件表单验证的一个例子
2010/03/03 Javascript
jQuery 点击图片跳转上一张或下一张功能的实现代码
2010/03/12 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
2014/12/08 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
2015/01/06 Javascript
jQuery制作仿Mac Lion OS滚动条效果
2015/02/10 Javascript
javascript制作2048游戏
2015/03/30 Javascript
jQuery简单实现验证邮箱格式
2015/07/15 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
JS锚点的设置与使用方法
2016/09/05 Javascript
分享一个精简的vue.js 图片lazyload插件实例
2017/03/13 Javascript
微信小程序 本地数据存储实例详解
2017/04/13 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
深入理解vuex2.0 之 modules
2017/11/20 Javascript
NodeJS简单实现WebSocket功能示例
2018/02/10 NodeJs
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
layer弹出层扩展主题的方法
2019/09/11 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
Python操作MongoDB数据库PyMongo库使用方法
2015/04/27 Python
python通过百度地图API获取某地址的经纬度详解
2018/01/28 Python
Django学习笔记之为Model添加Action
2019/04/30 Python
Django 响应数据response的返回源码详解
2019/08/06 Python
wxpython绘制圆角窗体
2019/11/18 Python
Python面向对象多态实现原理及代码实例
2020/09/16 Python
瑞典轮胎在线:Tirendo.se
2018/06/21 全球购物
装配出错检讨书
2014/09/23 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
中学图书馆工作总结
2015/08/11 职场文书
Python道路车道线检测的实现
2021/06/27 Python