jquery获取checkbox选中值, 有常见的几种方法, 这里总结给大家使用, 方便我们的工作学习

HTML代码如下:

<label>爱好:</label>
<input type="checkbox" name="hobby" value="篮球" />篮球
<input type="checkbox" name="hobby" value="排球" />排球
<input type="checkbox" name="hobby" value="网球" />网球
<input type="checkbox" name="hobby" value="足球" />足球
<input type="checkbox" name="hobby" value="橄榄球" />橄榄球

 JQUERY获取方法如下:

var hobby = $("input[name='hobby']:checked"); //Jquery数组对象
var aihao = "";
var count = hobby.length;
var arr =[];  
//第一种方法:
if(count){
	   hobby.each(function(index, element) {
	   arr.push($(this).val());
        });
        aiaho = arr.join(","); //将数组转换成字符串
}
//第二种方法:
if(count){
for(i=0;i<count;i++){
        arr.push(hobby.eq(i).val());
    }
     aiaho = arr.join(","); //将数组转换成字符串
}
//第三种方法:
var hobby = $("input[name='hobby']:checked").serializeArray(); //直接获取并转换成数组JSON格式
    for(x in hobby)
   {
	arr.push(hobby[x].value);
   }