浅谈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 匿名函数及其代码模式原理
Mar 19 Javascript
LazyLoad 延迟加载(按需加载)
May 31 Javascript
Yii2使用Bootbox插件实现自定义弹窗
Apr 02 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
Jun 14 Javascript
JS简单限制textarea内输入字符数量的方法
Oct 14 Javascript
基于javascript实现彩票随机数生成(简单版)
Apr 17 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
Jul 27 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
angular2中Http请求原理与用法详解
Jan 11 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
Aug 28 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
Oct 17 Javascript
vue 数据操作相关总结
Dec 17 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
PHP时间戳使用实例代码
2008/06/07 PHP
php下几个常用的去空、分组、调试数组函数
2009/02/22 PHP
用php实现选择排序的解决方法
2013/05/04 PHP
yii权限控制的方法(三种方法)
2015/12/28 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
jQuery之$(document).ready()使用介绍
2012/04/05 Javascript
js+csss实现的一个带复选框的下拉框
2014/09/29 Javascript
JavaScript获取当前网页最后修改时间的方法
2015/04/03 Javascript
Bootstrap每天必学之按钮(一)
2015/11/24 Javascript
jQuery Raty 一款不错的星级评分插件
2016/08/24 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
React Native时间转换格式工具类分享
2017/10/24 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
2020/10/28 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
2020/12/29 Javascript
Android 兼容性问题:java.lang.UnsupportedOperationException解决办法
2017/03/19 Python
Python中is与==判断的区别
2017/03/28 Python
python3中zip()函数使用详解
2018/06/29 Python
flask session组件的使用示例
2018/12/25 Python
python中的数据结构比较
2019/05/13 Python
Win10系统下安装labelme及json文件批量转化方法
2019/07/30 Python
python pygame实现球球大作战
2019/11/25 Python
python+requests接口自动化框架的实现
2020/08/31 Python
潘多拉珠宝英国官方网上商店:PANDORA英国
2018/06/12 全球购物
香港交友网站:be2香港
2018/07/22 全球购物
EJB3.1都有哪些改进
2012/11/17 面试题
【魔兽争霸3重制版】原版画面与淬火MOD画面对比
2021/03/26 魔兽争霸
总经理岗位职责范本
2014/02/02 职场文书
工伤事故证明
2014/10/20 职场文书
成都人事代理协议书
2014/10/25 职场文书
党员廉洁自律个人总结
2015/02/13 职场文书
简历中自我评价范文
2015/03/11 职场文书
欧也妮葛朗台读书笔记
2015/06/30 职场文书
高一军训感想
2015/08/07 职场文书
2016计划生育先进个人事迹材料
2016/02/29 职场文书
人身损害赔偿协议书
2016/03/22 职场文书
Python基础之pandas数据合并
2021/04/27 Python