jquery获取网页里多选框checkbox选中项的值的方法及在线实例演示亲测 原创

文章标签: checkbox jquery 表单
  • :
  • 07-08 18:12
  • :
  • 73次
  • :
  • 0条
  • 0赞

简介本文讲的是在jquery里,获取网页中多选框checkbox选中项的值的方法,及在线实例演示。l

在jquery里,我们要获取一个表单项的值的话,我们大致会这样来写:

var bv=$("input[name='aijquery']").val();

上面这种写法,如果要获取的是普通的文本框是没错的,但是如果要获取的是checkbox多选框,那么这样写就获取不到值了,看下面的在线实例演示:

jquery获取checkbox多选框的值的在线演示


那么我们在jquery里,要获取checkbox多选框中选中项的值的时候,需要这样来写:

var v="";	
$('input:checkbox[name="aijquery"]:checked').each(function(){		
    v=v+this.value+",";		
});    
v=v.replace(/,+$/g,"");    //用正则去除末尾的逗号

上面代码中,$('input:checkbox[name="aijquery"]:checked')这一句表示的是获取网页中类型为checkbox,name属性为aijquery,并且处于选中状态的input项;然后开始用each循环来获取到所有选中的checkbox的值,最后,清除取到的值最后的“,”逗号就得到完整的值了。


或者我们可以用数组来获取多选框checkbox的值:

var v=[];
$('input:checkbox[name="aijquery"]:checked').each(function(){
    v.push(this.value);
});    
alert(v.join(","));    //用join的方法,把数组转换成字符串


PS:
关于正则替换请看这里:jquery里用正则来清除变量或字符串结尾连续的空格



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-03 20:22:00