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

时间:2024-02-22 08:21:40

普及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());//向数组中添加元素 
  • }); 
  • var idstr=id_array.join(\',\');//将数组元素连接起来以构建一个字符串 
  • alert(idstr);

jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下

 

 

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