浅谈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 获取用户客户端操作系统版本
Aug 25 Javascript
jQuery 行级解析读取XML文件(附源码)
Oct 12 Javascript
一款js和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
Jan 05 Javascript
JavaScript中localStorage对象存储方式实例分析
Jan 12 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
jQuery文字轮播特效
Feb 12 Javascript
vue 的keep-alive缓存功能的实现
Mar 22 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
Aug 07 Javascript
浅谈vue 单文件探索
Sep 05 Javascript
微信小程序实现点赞、取消点赞功能
Nov 02 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 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
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
PHP中使用xmlreader读取xml数据示例
2014/12/29 PHP
php通过array_unshift函数添加多个变量到数组前端的方法
2015/03/18 PHP
css图片自适应大小
2007/11/28 Javascript
修改file按钮的默认样式实现代码
2013/04/23 Javascript
jquery购物车实时结算特效实现思路
2013/09/23 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
js获取及判断键盘按键的方法
2015/12/01 Javascript
jQuery stop()用法实例详解
2016/07/28 Javascript
JS无缝滚动效果实现方法分析
2016/12/21 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
2017/01/06 Javascript
详解Angular系列之变化检测(Change Detection)
2018/02/26 Javascript
js中的 || 与 &amp;&amp; 运算符详解
2018/05/24 Javascript
Vue常用指令详解分析
2018/08/19 Javascript
微信小程序websocket聊天室的实现示例代码
2019/02/12 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
2019/12/27 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
解决python中无法自动补全代码的问题
2018/12/04 Python
pyqt5 QProgressBar清空进度条的实例
2019/06/21 Python
pycharm创建scrapy项目教程及遇到的坑解析
2019/08/15 Python
让你相见恨晚的十个Python骚操作
2020/11/18 Python
使用CSS3来匹配横屏竖屏的简单方法
2015/08/04 HTML / CSS
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
Discard Protocol抛弃协议的作用是什么
2015/10/10 面试题
仓库文员岗位职责
2014/04/06 职场文书
高中课程设置方案
2014/05/28 职场文书
2014中考励志标语
2014/06/05 职场文书
《花钟》教学反思
2016/02/17 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
用Python生成会跳舞的美女
2022/01/18 Python
Javascript中async与await的捕捉错误详解
2022/03/03 Javascript
通过T-SQL语句创建游标与实现数据库加解密功能
2022/03/16 SQL Server