一、獲取兩個(gè)不同name屬性的checkbox（有限枚舉）

<input id="name_checkbox" style="margin-left: 5%; zoom: 150%;" name="nameBox" type="checkbox" value="1" /> <input id="code_checkbox" style="margin-left: 5%; zoom: 150%;" name="codeBox" type="checkbox" value="2" />

1、JS獲取

var name_checkbox="";var code_checkbox="";if(document.getElementsByName("nameBox")[0].checked){name_checkbox=document.getElementsByName("nameBox")[0].value;}if(document.getElementsByName("codeBox")[0].checked){code_checkbox=document.getElementsByName("codeBox")[0].value;}if(name_checkbox=="" && code_checkbox==""){//TODO ... return;}

---

2、jQuery獲取

待定

$(‘input[name=“chk”]:checked’)

二、獲取相同name屬性的選中checkbox

<input id="name_checkbox" style="margin-left: 5%; zoom: 150%;" name="chk" type="checkbox" value="1" /> <input id="code_checkbox" style="margin-left: 5%; zoom: 150%;" name="chk" type="checkbox" value="2" />

1、JS獲取

function select(){var chk_value = [];//定義一個(gè)數(shù)組 var nameArr = document.getElementsByName("chk");for(var i = 0 ;i < nameArr.length; i++){chk_value.push(nameArr[i].value);}return chk_value; }

---

2、jQuery獲取

<font color=#008000 > //選中所有</font> function selectAll(){$("input[name='chk']").each(function(){ // $(this).attr("checked", true);this.checked=true;}); } <font color=#008000 >//清空所有</font> function selectNull(){`$`("input[name='chk']").each(function(){ this.checked=false;}); } <font color=#008000 >//默認(rèn)選中指定checkbox</font> function select1(){selectNull(); //先清空選項(xiàng)var sel = [1,2]; //數(shù)組值和checkbox的value屬性一一對(duì)應(yīng)for(var i=0;i<sel.length;i++){`$`("input[name='chk']").each(function(){ if ($(this).val() == sel[i]) {this.checked=true;} });} } <font color=#008000 >//遍歷獲取所有選中的checkbox</font> function getVal(){var chk_value =[];//定義一個(gè)數(shù)組 `$`('input[name="chk"]:checked').each(function(){//遍歷每一個(gè)名字為nodes的復(fù)選框，其中選中的執(zhí)行函數(shù) chk_value.push($(this).val());//將選中的值添加到數(shù)組chk_value中 });var groups = chk_value.join(",");return groups; }

---

總結(jié)

以上是生活随笔為你收集整理的jQuery和JS获取选中复选框的值的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。