jquery獲取checkbox的值的簡單介紹
jquery怎么獲取選中的checkbox的值
input?type="checkbox"?value="1111"/1
創(chuàng)新互聯(lián)公司專注于企業(yè)成都全網(wǎng)營銷、網(wǎng)站重做改版、韶山網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、成都做商城網(wǎng)站、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為韶山等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
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 獲取多個checkbox的value值
思路：利用name屬性值獲取checkbox對象，然后循環(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對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的值
jQuery如何獲取checkbox中的value值？
大體思路就是把你要的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選中是誰/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的值的簡單介紹
URL分享：http://chinadenli.net/article6/dsejsig.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)公司、響應(yīng)式網(wǎng)站、微信公眾號、用戶體驗(yàn)、網(wǎng)站排名
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
