浅谈jquery设置和获得checkbox选中的问题

 更新时间:2016年08月19日 10:32:17   投稿:jingxian  
下面小编就为大家带来一篇浅谈jquery设置和获得checkbox选中的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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选中的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • jquery获取文档高度和窗口高度汇总

    jquery获取文档高度和窗口高度汇总

    本文主要给大家汇总介绍了了jQuery获取页面及个元素高度、宽度的方法,非常的实用,有需要的小伙伴可以参考下。下面的例子是基于jquery的参数与方法来快速获取文档或浏览器可视区域的高度与宽度的代码,希望本例子能给你带来一些帮助。
    2016-01-01
  • Jquery cookie操作代码

    Jquery cookie操作代码

    Jquery的cookies插件,感觉不错,但是跟踪调试的时候发现cookies上面还是多写了一个相同名称的值,这就麻烦了,后来看到网上有人说用这个方法,感觉还不错
    2010-03-03
  • jQuery Ajax调用WCF服务详细教程

    jQuery Ajax调用WCF服务详细教程

    这篇文章主要介绍了jQuery Ajax调用WCF服务详细教程,本文讲解了从WFC编程到JQUERY调用的详细步骤,并总结了使用中遇到的问题和解决方法,需要的朋友可以参考下
    2015-03-03
  • jquery简单实现滚动条下拉DIV固定在头部不动

    jquery简单实现滚动条下拉DIV固定在头部不动

    滚动条下拉DIV固定在头部不动效果,想必很多的朋友都有见到过吧,下面为大家详细介绍下使用jquery是如何实现的,感兴趣的朋友可以参考下
    2013-11-11
  • jquery 操作单选框,复选框,下拉列表实现代码

    jquery 操作单选框,复选框,下拉列表实现代码

    jquery 操作单选框,复选框,下拉列表实现代码,需要的朋友可以参考下。
    2009-10-10
  • JQuery动画与特效实例分析

    JQuery动画与特效实例分析

    这篇文章主要介绍了JQuery动画与特效的用法,实例分析了显示与隐藏、滑动、淡入淡出及自定义动画的使用技巧,需要的朋友可以参考下
    2015-02-02
  • 事件委托与阻止冒泡阻止其父元素事件触发

    事件委托与阻止冒泡阻止其父元素事件触发

    当点击具体的li元素时,发现ul的事件也被触发了,这是我们不想看到的,解决方法就是加一句阻止冒泡即可
    2014-09-09
  • jquery分页插件jquery.pagination.js使用方法解析

    jquery分页插件jquery.pagination.js使用方法解析

    这篇文章主要针对js分页插件jquery.pagination.js使用方法进行解析,很实用的分页插件,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • jQuery中$.ajax()方法参数解析

    jQuery中$.ajax()方法参数解析

    这篇文章主要为大家详细解析了jQuery中$.ajax()方法参数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • jQuery Ajax 实例全解析

    jQuery Ajax 实例全解析

    jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。
    2011-04-04

最新评论