浅谈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 相关文章推荐
自己动手制作jquery插件之自动添加删除行功能介绍
Oct 14 Javascript
jQuery 网易相册鼠标移动显示隐藏效果实现代码
Mar 31 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
js setTimeout 参数传递使用介绍
Aug 13 Javascript
JS实现遮罩层效果的简单实例
Nov 12 Javascript
创建一个类Person的简单实例
May 17 Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 Javascript
Node.js服务器开启Gzip压缩教程
Aug 11 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
jsonp实现百度下拉框功能的方法分析
May 10 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
关于Vue Router的10条高级技巧总结
May 06 Vue.js
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
Apache 配置详解(最好的APACHE配置教程)
2010/07/04 PHP
PHP通用检测函数集合
2011/02/08 PHP
PHP中usort在值相同时改变原始位置问题的解决方法
2011/11/27 PHP
PHP读取配置文件类实例(可读取ini,yaml,xml等)
2015/07/28 PHP
教你在header中隐藏php的版本信息
2016/08/10 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
PHP yield关键字功能与用法分析
2019/01/03 PHP
javascript cookies操作集合
2010/04/12 Javascript
JQuery 学习技巧总结
2010/05/21 Javascript
date.parse在IE和FF中的区别
2010/07/29 Javascript
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
2011/03/10 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
2014/07/02 Javascript
javascript瀑布流式图片懒加载实例解析与优化
2016/02/23 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
js 打开新页面在屏幕中间的实现方法
2016/11/02 Javascript
JS 实现 ajax 异步浏览器兼容问题
2017/01/21 Javascript
Vue.js之slot深度复制详解
2017/03/10 Javascript
使用Math.max,Math.min获取数组中的最值实例
2017/04/25 Javascript
微信小程序日期时间选择器使用方法
2018/02/01 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
2020/05/19 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
python计数排序和基数排序算法实例
2014/04/25 Python
Python socket C/S结构的聊天室应用实现
2014/11/30 Python
Python连接mysql数据库的正确姿势
2016/02/03 Python
Python Django使用forms来实现评论功能
2016/08/17 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
解决pandas无法在pycharm中使用plot()方法显示图像的问题
2018/05/24 Python
python中dict字典的查询键值对 遍历 排序 创建 访问 更新 删除基础操作方法
2018/09/13 Python
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
写出程序把一个链表中的接点顺序倒排
2014/04/28 面试题
深圳-东方伟业笔试部分
2015/02/11 面试题
什么是.net
2015/08/03 面试题
精细化工应届生求职信
2013/11/17 职场文书
学校献爱心活动总结
2014/07/08 职场文书
学生会竞选演讲稿怎么写
2014/08/26 职场文书
九九重阳节致辞
2015/07/31 职场文书