文档章节

jquery获取复选框(checkbox)的选中值(数组或者单个)

Danny_ken
 Danny_ken
发布于 2015/10/07 16:21
字数 354
阅读 6289
收藏 12

普及jquery的each方法以及javascript的两个数组操作函数push和join

each() 方法规定为每个匹配元素规定运行的函数。

语法


$(selector).each(function(index,element))



index - 选择器的 index 位置
element - 当前的元素(也可使用 "this" 选择器)

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

语法

arrayObject.push(newelement1,newelement2,....,newelementX)
参数 描述
newelement1 必需。要添加到数组的第一个元素。
newelement2 可选。要添加到数组的第二个元素。
newelementX 可选。可添加多个元素。


join() 方法用于把数组中的所有元素放入一个字符串元素是通过指定的分隔符进行分隔的。


arrayObject.join(separator)
separator 可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。


实例:


var arr = [ "a", "b", "c", "d", "e" ];
document.write(arr.join("-")); 
结果:a-b-c-d-e。






使用jquery获取一组checkbox的值,如下:



  
  
  1. var id_array=new Array(); 
  2. $('input[name="id"]:checked').each(function(){ 
  3.     id_array.push($(this).val());//向数组中添加元素 
  4. }); 
  5. var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串 
  6. alert(idstr);
jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下



  
  
  1. if($("#id").attr("checked")){//选中 
  2.     alert($("#id").val());//打印选中的值 
  3. }


© 著作权归作者所有

Danny_ken
粉丝 1
博文 28
码字总数 6075
作品 0
广州
程序员
私信 提问
jquery获取表单值的一些简单操作汇总

var mykindtxt=$("#kind option:selected").text();//获取表单selected 选中文本内容 jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作;假如我们有如下页面: <inpu......

小样
2012/02/17
1K
0
jquery form元素操作

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("o......

remainvitality
2013/10/25
108
0
转-JQuery选择器及radio,checkbox,select取值和反选

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元...

huntering
2015/08/25
199
0
jQuery select操作控制方法小结

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#selectid").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#selectid").find("op......

JK_OPERA
2015/07/10
136
0
jQuery操作form input、select、checkbox、radio常用方法

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#selectid").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#selectid").find("op......

youxizhe
2014/11/13
3.7K
0

没有更多内容

加载失败,请刷新页面

加载更多

新架构、新角色:TiDB Community Upgrade!

作者:Jian Zhang 经过几年的发展,TiDB 社区已经逐渐成熟,但是随着社区的发展壮大,我们逐渐感受到了现在社区架构上的一些不足。经过一系列的思考和总结,我们决定升级和调整目前社区组织架...

TiDB
16分钟前
5
0
jquery qrcode库提示not function

jquery qrcode 这个库能用,但是必须在初始化的时候,官方给的使用方法是 引入qrcode的库文件后,在js中写以下 html <div id="qrcode"></div> js jQuery('#qrcode').qrcode({ render: ......

shikamaru
21分钟前
8
0
MySQL数据库去重的简单方案

利用 distinct 对需要处理的字段进行去重 select distinct 字段名 from 表名 利用group by select * from 表名 group by 字段名 利用having select * from 表名 group by 字段名 having 字段...

FeanLau
23分钟前
7
0
字符串转换成整数

实现一个 atoi 函数,使其能将字符串转换成整数。 首先,该函数会根据需要丢弃无用的开头空格字符,直到寻找到第一个非空格的字符为止。 当我们寻找到的第一个非空字符为正或者负号时,则将该...

蔚蓝_晴天
34分钟前
8
0
Eureka客户端续约及服务端过期租约清理源码解析

在之前的文章:EurekaClient自动装配及启动流程解析中,我们提到了在构造DiscoveryClient时除了包含注册流程之外,还调度了一个心跳线程: scheduler.schedule( new Ti...

Java学习录
46分钟前
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部