1．HTML結(jié)構(gòu)
創(chuàng)新互聯(lián)建站是一家專注于網(wǎng)站制作、做網(wǎng)站與策劃設(shè)計(jì),廣饒網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:廣饒等地區(qū)。廣饒做網(wǎng)站價(jià)格咨詢:028-86922220
input type = "checkbox" name = "test" value = "1" / span 1 / span
input type = "checkbox" name = "test" value = "2" / span 2 / span
input type = "checkbox" name = "test" value = "3" / span 3 / span
input type = "checkbox" name = "test" value = "4" / span 4 / span
input type = "checkbox" name = "test" value = "5" / span 5 / span
2．Javascript代碼：
函數(shù)show（）｛
Obj文件。getElementsByName（“測(cè)試”）；
Check＿val＝［］；
For（kinobj）｛
如果（obj［k］。檢查）
Check＿val。Push（obj［k］。值）；
｝
警報(bào)（check＿val）；
｝
擴(kuò)展資料：
JQuery對(duì)復(fù)選框的各種操作：
1．根據(jù)id獲取復(fù)選框：
＄（＂＃cbCheckbox1＂）；
2．得到所有的復(fù)選框：
＄（＂input［type＝＇checkbox＇］＂）；／／或
＄（＂input［name＝＇cb＇］＂）；
3．獲得所有選中的復(fù)選框：
＄（＂input：thecheckboxchecked＂）；／／或
＄（＂input：［type＝＇checkbox＇］：checked＂）；／／或
＄（＂input［type＝＇checkbox］：checked＂）；／／或
＄（＂input：［name＝＇ck＇］：checked＂）；
當(dāng)都選其中某幾項(xiàng)時(shí)，如果需要給服務(wù)端ajax傳遞對(duì)應(yīng)項(xiàng)的id值，該如何做呢？
思路應(yīng)該是這樣的：
①獲取被勾選項(xiàng)（即checked的checkbox所在行）
②將id存在checkbox所在input的自定義屬性中，如 data-id 中
③創(chuàng)建空數(shù)組，遍歷被選中的checkbox所在行，獲取對(duì)應(yīng)的 data-id 值，存入數(shù)組中
④將存入的數(shù)組轉(zhuǎn)化為字符串，并用逗號(hào)隔開(kāi)（join(',')）
大體思路就是把你要的checkbox的元素遍歷一下，然后取當(dāng)前的value值，要使用jq內(nèi)置的val()方法，代碼如下：
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
