使用 jquery 获取一组或者单个 checkbox 的选中状态的值

使用 jquery 获取一组或者单个 checkbox 的选中状态的值。下面通过一个示例进行说明,假设现有一页面有一组 checkbox 的 name 的值为 id ,那么获取这组 name=id 的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").is(":checked")){//选中  
  2.     alert($("#id").val());//打印选中的值  

jquery判断checked的三种方法:
.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'); //16+:true/false
.is(':checked'); //所有版本:true/false//别忘记冒号哦

jquery赋值checked的几种写法:
所有的jquery版本都可以这样赋值:
// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);
jquery1.6+:prop的4种赋值:
// $("#cb1″).prop("checked",true);//很简单就不说了哦
// $("#cb1″).prop({checked:true}); //map键值对
// $("#cb1″).prop("checked",function(){
return true;//函数返回true或false
});

//记得还有这种哦:$("#cb1″).prop("checked","checked");

 

checkbox click和change事件

方法1:

$("#ischange").change(function() { 
alert("checked"); 
});

方法5:

$(document).ready(function(){ 
    $("testCheckbox").change(function() { 
         alert("Option changed!"); 
    }); 
});

猜你喜欢

转载自570109268.iteye.com/blog/2398650