浅谈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 相关文章推荐
RGB颜色值转HTML十六进制(HEX)代码的JS函数
Apr 25 Javascript
在JavaScript中重写jQuery对象的方法实例教程
Aug 25 Javascript
使用JavaScript链式编程实现模拟Jquery函数
Dec 21 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
Apr 15 Javascript
vue实现可增删查改的成绩单
Oct 27 Javascript
JS实现iframe自适应高度的方法示例
Jan 07 Javascript
Vue 进阶教程之v-model详解
May 06 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
Aug 20 Javascript
Vue源码解读之Component组件注册的实现
Aug 24 Javascript
JavaScript switch语句使用方法简介
Dec 30 Javascript
JS window对象简单操作完整示例
Jan 14 Javascript
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
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 操作文件的一些FAQ总结
2009/02/12 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
YII分模块加载路由的实现方法
2018/10/01 PHP
laravel5实现微信第三方登录功能
2018/12/06 PHP
js 屏蔽鼠标右键脚本附破解方法
2009/12/03 Javascript
深入分析原生JavaScript事件
2014/12/29 Javascript
jQuery中:not选择器用法实例
2014/12/30 Javascript
jquery实现简单的表单验证
2015/11/17 Javascript
最简单的JavaScript图片轮播代码(两种方法)
2015/12/18 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
JavaScript提高网站性能优化的建议(二)
2016/07/24 Javascript
深入理解Angular2 模板语法
2016/08/07 Javascript
angular 动态组件类型详解(四种组件类型)
2017/02/22 Javascript
vue学习笔记之指令v-text &amp;&amp; v-html &amp;&amp; v-bind详解
2017/05/12 Javascript
javascript数组定义的几种方法
2017/10/06 Javascript
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
深入理解令牌认证机制(token)
2019/08/22 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
实例分析javascript中的异步
2020/06/02 Javascript
Vue组件跨层级获取组件操作
2020/07/27 Javascript
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
2021/02/11 Vue.js
Python的Django框架中的select_related函数对QuerySet 查询的优化
2015/04/01 Python
Pandas中Series和DataFrame的索引实现
2019/06/27 Python
python 利用jinja2模板生成html代码实例
2019/10/10 Python
Python3 虚拟开发环境搭建过程(图文详解)
2020/01/06 Python
Python实现捕获异常发生的文件和具体行数
2020/04/25 Python
CSS3实现的炫酷菜单代码分享
2015/03/12 HTML / CSS
html5 input属性使用示例
2013/06/28 HTML / CSS
来自全球大都市的高级街头服饰:Pegador
2018/01/03 全球购物
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
Perfume’s Club德国官网:在线购买香水
2019/04/08 全球购物
求职信范文大全
2014/05/26 职场文书
厨师长岗位职责范本
2014/08/25 职场文书
暂停营业通知
2015/04/25 职场文书
七年级作文之游记
2019/12/11 职场文书
Golang 获取文件md5校验的方法以及效率对比
2021/05/08 Golang