jQuery设置与获取Checkbox选中状态的正确方法

作者:橙子时间:2026-10-30 12:25:53浏览:548

本文详解jQuery中设置和获取checkbox选中状态的方法。重点指出使用attr('checked')获取动态选中值可能存在的兼容性问题,推荐使用is(':checked')判断当前状态,并演示如何遍历多选框拼接选中值的字符串。

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');//选中
    }
  }
});

修改Checkbox选中状态

2. 通过点击修改checkbox的选中项

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

作者最新文章