浅谈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学习笔记1 数据类型
Jan 11 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
Nov 21 Javascript
window.location.href的用法(动态输出跳转)
Aug 09 Javascript
浅谈JavaScript函数的四种存在形态
Jun 08 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
Jun 13 Javascript
js判断所有表单项不为空则提交表单的实现方法
Sep 09 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
axios取消请求的实践记录分享
Sep 26 Javascript
在vue中高德地图引入和轨迹的绘制的实现
Oct 11 Javascript
原生JS实现留言板功能
Feb 08 Javascript
JavaScript中EventBus实现对象之间通信
Oct 18 Javascript
详解vue修改elementUI的分页组件视图没更新问题
Nov 13 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 smarty模版引擎中的缓存应用
2009/12/11 PHP
php多线程并发实现方法
2016/09/30 PHP
PHP防止图片盗用(盗链)的方法小结
2016/11/11 PHP
laravel-admin 在列表页添加自定义按钮的例子
2019/09/30 PHP
JavaScript 对象成员的可见性说明
2009/10/16 Javascript
Js 中debug方式
2010/02/07 Javascript
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
2011/01/27 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
2014/09/10 Javascript
浅谈Javascript 数组与字典
2015/01/29 Javascript
jQuery实现菜单式图片滑动切换
2015/03/14 Javascript
js实现点击链接后延迟3秒再跳转的方法
2015/06/05 Javascript
JavaScript实现点击自动选择TextArea文本的方法
2015/07/02 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
原生js实现节日时间倒计时功能
2017/01/18 Javascript
Vue学习之路之登录注册实例代码
2017/07/06 Javascript
js微信分享实现代码
2020/10/11 Javascript
js中位运算的运用实例分析
2018/12/11 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
node.js基础知识汇总
2020/08/25 Javascript
基于JQuery和DWR实现异步数据传递
2020/10/16 jQuery
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
Python中__init__和__new__的区别详解
2014/07/09 Python
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
TensorFlow saver指定变量的存取
2018/03/10 Python
flask框架路由常用定义方式总结
2019/07/23 Python
Python如何使用BeautifulSoup爬取网页信息
2019/11/26 Python
Python 中如何写注释
2020/08/28 Python
Mio Skincare英国官网:身体紧致及孕期身体护理
2018/08/19 全球购物
意大利运动服减价商店:ScontoSport
2020/03/10 全球购物
大学生个人求职口试自我评价
2014/02/16 职场文书
不服从上级领导安排的检讨书
2014/09/14 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
班干部学习委员竞选稿
2015/11/20 职场文书
go开发alertmanger实现钉钉报警
2021/07/16 Golang