jquery獲取checkbox選中值, 有常見(jiàn)的幾種方法, 這里總結(jié)給大家使用, 方便我們的工作學(xué)習(xí)
HTML代碼如下:
<label>愛(ài)好:</label> <input type="checkbox" name="hobby" value="籃球" />籃球 <input type="checkbox" name="hobby" value="排球" />排球 <input type="checkbox" name="hobby" value="網(wǎng)球" />網(wǎng)球 <input type="checkbox" name="hobby" value="足球" />足球 <input type="checkbox" name="hobby" value="橄欖球" />橄欖球
JQUERY獲取方法如下:
var hobby = $("input[name='hobby']:checked"); //Jquery數(shù)組對(duì)象
var aihao = "";
var count = hobby.length;
var arr =[];
//第一種方法:
if(count){
hobby.each(function(index, element) {
arr.push($(this).val());
});
aiaho = arr.join(","); //將數(shù)組轉(zhuǎn)換成字符串
}
//第二種方法:
if(count){
for(i=0;i<count;i++){
arr.push(hobby.eq(i).val());
}
aiaho = arr.join(","); //將數(shù)組轉(zhuǎn)換成字符串
}
//第三種方法:
var hobby = $("input[name='hobby']:checked").serializeArray(); //直接獲取并轉(zhuǎn)換成數(shù)組JSON格式
for(x in hobby)
{
arr.push(hobby[x].value);
}
