浅谈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 相关文章推荐
Mootools 1.2教程 滑动效果(Slide)
Sep 15 Javascript
新手常遇到的一些jquery问题整理
Aug 16 Javascript
Jquery显示、隐藏元素以及添加删除样式
Aug 09 Javascript
jQuery中attr()方法用法实例
Jan 05 Javascript
javascript浏览器窗口之间传递数据的方法
Jan 20 Javascript
jQuery快速高效制作网页交互特效
Feb 24 Javascript
浅谈Angular文字折叠展开组件的原理分析
Nov 24 Javascript
jquery学习笔记之无new构建详解
Dec 07 jQuery
解决vue 绑定对象内点击事件失效问题
Sep 05 Javascript
从0到1搭建element后台框架优化篇(打包优化)
May 12 Javascript
Vue前端项目部署IIS的实现
Jan 06 Javascript
JavaScript对象原型链原理详解
Feb 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转义Json里的特殊字符的函数
2015/06/08 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
javascript parseInt 大改造
2009/09/27 Javascript
通过下拉框的值来确定输入框是否可以为空的代码
2011/10/18 Javascript
js中call与apply的用法小结
2013/12/28 Javascript
NODE.JS加密模块CRYPTO常用方法介绍
2014/06/05 Javascript
jquery实现的下拉和收缩效果示例
2014/08/21 Javascript
网页收藏夹显示ICO图标(代码少)
2015/08/04 Javascript
jQuery版本升级踩坑大全
2016/01/12 Javascript
Javascript中Date类型和Math类型详解
2016/02/27 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
2018/12/05 Javascript
vue自定义指令directive的使用方法
2019/04/07 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
Vue Object 的变化侦测实现代码
2020/04/15 Javascript
微信小程序pinker组件使用实现自动相减日期
2020/05/07 Javascript
Python中正则表达式的用法实例汇总
2014/08/18 Python
学习python 之编写简单乘法运算题
2016/02/27 Python
python Django批量导入不重复数据
2016/03/25 Python
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
python list转矩阵的实例讲解
2018/08/04 Python
Python读写zip压缩文件的方法
2018/08/29 Python
python将秒数转化为时间格式的实例
2018/09/16 Python
django框架model orM使用字典作为参数,保存数据的方法分析
2019/06/24 Python
教你如何编写、保存与运行Python程序的方法
2019/07/12 Python
Python 词典(Dict) 加载与保存示例
2019/12/06 Python
python 字典套字典或列表的示例
2019/12/16 Python
使用python执行shell脚本 并动态传参 及subprocess的使用详解
2020/03/06 Python
在Mac中配置Python虚拟环境过程解析
2020/06/22 Python
用html5绘制折线图的实例代码
2016/03/25 HTML / CSS
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
工作推荐信范文
2014/05/10 职场文书
领导干部“四风”查摆问题个人整改措施
2014/10/28 职场文书
Python中rapidjson参数校验实现
2021/07/25 Python
MySQL数据库配置信息查看与修改方法详解
2022/06/25 MySQL