jQuery如何獲取checkbox中的value值？

大體思路就是把你要的checkbox的元素遍歷一下，然后取當(dāng)前的value值，要使用jq內(nèi)置的val()方法，代碼如下：

創(chuàng)新互聯(lián)公司主營(yíng)始興網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app軟件開發(fā),始興h5微信小程序搭建,始興網(wǎng)站營(yíng)銷推廣歡迎始興等地區(qū)企業(yè)咨詢

form onsubmit="return false;"

input type="checkbox" value="三人行慕課1(3mooc.com)" name="check"三人行慕課1/input

input type="checkbox" value="三人行慕課2(3mooc.com)" name="check"三人行慕課2/input

input type="checkbox" value="三人行慕課3(3mooc.com)" name="check"三人行慕課3/input

input type="checkbox" value="三人行慕課4(3mooc.com)" name="check"三人行慕課4/input

input type="checkbox" value="三人行慕課5(3mooc.com)" name="check"三人行慕課5/input

button選中是誰(shuí)/button

/form

script src="引入jquery.js"/scriptscript type="text/javascript"$(function(){ $("button").click(function(){ $.each($('input:checkbox:checked'),function(){ console.log( $(this).val() ); }); })})/script

jquery怎么獲取選中的checkbox的值

input?type="checkbox"?value="1111"/1

input?type="checkbox"?value="2222"/2

input?type="checkbox"?value="3333"/3

input?type="checkbox"?value="4444"/4

input?type="checkbox"?value="5555"/5

input?type="checkbox"?value="6666"/6

input?type="button"?id="test"?value="Click?Me"/

Script

$(function(){

$("#test").on("click",function(){

var?ichk=$("input:checkbox:checked").map(function(){

return?$(this).val();

}).get().join(",");

alert(ichk);

})

})

/Script

jquery 獲取多個(gè)checkbox的value值

思路：利用name屬性值獲取checkbox對(duì)象，然后循環(huán)判斷checked屬性（true表示被選中，false表示未選中）。

1、HTML結(jié)構(gòu)

input type="checkbox" name="test" value="1"/span1/span

input type="checkbox" name="test" value="2"/span2/span

input type="checkbox" name="test" value="3"/span3/span

input type="checkbox" name="test" value="4"/span4/span

input type="checkbox" name="test" value="5"/span5/span

input type='button' value='提交' onclick="show()"/

2、javascript代碼：

function show(){

obj = document.getElementsByName("test");

check_val = [];

for(k in obj){

? if(obj[k].checked)

? ? ? check_val.push(obj[k].value);

}

alert(check_val);

}

擴(kuò)展資料

jQuery對(duì)checkbox的各種操作：

1、根據(jù)id獲取checkbox：

$("#cbCheckbox1");

2、獲取所有的checkbox：

$("input[type='checkbox']");//or

$("input[name='cb']");

3、獲取所有選中的checkbox：

$("input:checkbox:checked");//or

$("input:[type='checkbox']:checked");//or

$("input[type='checkbox']:checked");//or

$("input:[name='ck']:checked")；

jquery怎么獲取checkbox里的值

input?type="checkbox"?name="love[]"?value="A"A

input?type="checkbox"?name="love[]"?value="B"B

input?type="checkbox"?name="love[]"?value="C"C

//選擇器是?input[name="love[]"]?,選擇name是love[]的元素

var?allValue?=?[],checkedValue?=?[];

$('input[name="love[]"]').each(function(){

allValue.push(this.value);

if(this.checked){

checkedValue.push(this.value);

}

});

allValue是所有checkbox的值,

checkedValue?是選中checkbox的值

網(wǎng)站名稱：jquery獲取checkbox值的簡(jiǎn)單介紹
瀏覽路徑：http://chinadenli.net/article1/dsgdeod.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、用戶體驗(yàn)、外貿(mào)建站、靜態(tài)網(wǎng)站、定制開發(fā)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)