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); }