浅谈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写的操作系统
Apr 23 Javascript
一款Jquery 分页插件的改造方法(服务器端分页)
Jul 11 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
JS深度拷贝Object Array实例分析
Mar 31 Javascript
javascript jquery对form元素的常见操作详解
Jun 12 Javascript
Javascript之面向对象--封装
Dec 02 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
Jan 03 Javascript
关于Vue单页面骨架屏实践记录
Dec 13 Javascript
NestJs 静态目录配置详解
Mar 12 Javascript
怎么使用javascript深度拷贝一个数组
Jun 06 Javascript
Vue实现手机计算器
Aug 17 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 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
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
php构造函数实例讲解
2013/11/13 PHP
微信公众平台开发实现2048游戏的方法
2015/04/15 PHP
PHP简单创建压缩图的方法
2016/08/24 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
PHP实现基于状态的责任链审批模式详解
2019/05/31 PHP
PHP设计模式概论【概念、分类、原则等】
2020/05/01 PHP
js prototype 格式化数字 By shawl.qiu
2007/04/02 Javascript
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
Extjs407 getValue()和getRawValue()区别介绍
2013/05/21 Javascript
jquery利用ajax调用后台方法实例
2013/08/23 Javascript
JavaScript替换当前页面的方法
2015/04/03 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
2016/01/04 Javascript
动态更新highcharts数据的实现方法
2016/05/28 Javascript
jquery实现自适应banner焦点图
2017/02/16 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
python写入中英文字符串到文件的方法
2015/05/06 Python
EM算法的python实现的方法步骤
2018/01/02 Python
python对离散变量的one-hot编码方法
2018/07/11 Python
基于pycharm导入模块显示不存在的解决方法
2018/10/13 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
使用python的pyplot绘制函数实例
2020/02/13 Python
使用pytorch 筛选出一定范围的值
2020/06/28 Python
Django前后端分离csrf token获取方式
2020/12/25 Python
HTML5+JS实现俄罗斯方块原理及具体步骤
2013/11/29 HTML / CSS
JustFab加拿大:女鞋、靴子、手袋和服装在线
2018/05/18 全球购物
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
高中生毕业自我鉴定范文
2013/12/22 职场文书
竞赛口号大全
2014/06/16 职场文书
2014年学生会生活部工作总结
2014/11/07 职场文书
2015中秋祝酒词
2015/08/12 职场文书
各种货币符号快捷输入
2022/02/17 杂记
Nginx利用Logrotate实现日志分割
2022/05/20 Servers
JS前端使用canvas实现物体的点选示例
2022/08/05 Javascript