js如何獲得多個checkbox選中的值及input後面所跟的文字

阿新 • • 發佈：2018-11-11

function termRow(){
//定義返回結果集
var termInfos=[];
//迴圈所有tr
//陣列拼接通過“,”拼接在一起
return termInfos.join(",");

}

//獲取迴圈遍歷的複選框的value值和後面的值

<input type="checkbox" name="bjjb" value="1">交通事故

例如：獲取value=1 和後面的值=“交通事故

”

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<meta name="Keywords"

content="">
<meta name="Description" content="">
<title>驗證js獲得多個checkbox選中值及input後面所跟文字</title>
<script type="text/javascript">
function clickBjjb() {
var checkboxValue= new Array();
var checkboxText= new Array();
var checkboxStr=document.getElementsByName("bjjb");
for(var i=0; i<checkboxStr.length; i++){
if(checkboxStr[i].checked){
//alert(checkboxStr[i].value+","+checkboxStr[i].nextSibling.nodeValue);
checkboxValue.push(checkboxStr[i].value);
checkboxText.push(checkboxStr[i].nextSibling.nodeValue);
}
}
//輸出值和文字
alert("checkboxValue:"+checkboxValue);
alert("checkboxText:"+checkboxText);
//把獲得的資料轉換為字串傳遞到後臺
checkboxValue=checkboxValue.toString();
checkboxText=checkboxText.toString();
window.location='某Action/netWorkingUpdate?checkboxValue='+checkboxValue+"&checkboxText="+checkboxText;
}
</script>
</head>
<body>
<form id="checkboxform" method="post" action="">
<input type="checkbox" name="bjjb" value="1">交通事故<br>
<input type="checkbox" name="bjjb" value="2">自然災害<br>
<input type="checkbox" name="bjjb" value="3">惡劣天氣<br>
<input type="checkbox" name="bjjb" value="4">嚴重違法行為<br>
<input type="checkbox" name="bjjb" value="5">路面損毀<br>
<input type="button" onclick="clickBjjb()" value="報警級別" />
</form>
</body>
</html>

希望對大家有所幫助！

js如何獲得多個checkbox選中的值及input後面所跟的文字

function termRow(){ //定義返回結果集 var termInfos=[]; //迴圈所有tr //陣列拼接通過“,”拼接在一

js中將多個checkbox的值傳處理並傳到後臺

前臺的東西也需要引起重視，在日常開發中覺得有必要做筆記的就總結記下，日後用到便於查詢。 jsp頁面程式碼如： <c:forEach items="${obj.rows}" var="

單個和多個checkbox選中事件

如果使用jQuery,應使用prop方法來獲取和設定checked屬性，不應使用attr,需要的朋友可以參考下 html: <code class="hljs ocaml has-numbering" style="display: block; padding:

jsp獲取多個checkbox的值

最近要做一個動態設定使用者許可權值，也就是說許可權未知，可以從一張表中獲取。這就要從表中讀取記錄，並動態生成checkbox。但如何從服務端獲得這些checkbox的值呢？正好我的手中有一個現成asp的原始檔。在n個頁面跳轉之後。終於發現了這個祕密。也就是所有的checkb

讀取多個CheckBox控件選中的Text文本

讀取多個CheckBox控件 //方法1 private void button1_Click(object sender, EventArgs e) { //遍歷groupBox裏的所有控件:Comtrol foreach (Control c

js 取多個id相同的值

// input 型別 id 以StudentInfoIdValue為開頭的屬性的值存放到陣列中 $("input[id^='StudentInfoIdValue']").each(function(){

jq/js 實現多個json中鍵名相同的鍵值組合

jq實現多個json中鍵名相同的鍵值組合 //陣列中可以有任意多個json物件 var json = [ { 高壓2:"120", 低壓3:null, 低壓2:"120" }, { 高壓2:"130", 低壓3:nu

js css 多個按需要順序加載

技術分享加載 clas git bubuko https tps png 技術 https://github.com/rgrove/lazyload/ js css 多個按需要順序加載

RestTemplate 發送 get 請求使用誤區多個參數傳值為null（轉載）

pretty b2c shm put xxxxx ont log 手機號 col 首先看一下官方文檔是怎麽描述的，傳遞多個值的情況(註意例子中用到的@pathParam,一般要用@queryParam) RestTemplate 實例 @Configuration pub

SQL中查找某字段值重復或多個字段值重復的記錄數

SQL字段重復記錄只篩選一個字段值相同的記錄 select * from A where PDDT in( select PDDT FROM A group by PDDT having count(PDDT)>1 ) 篩選多個字段值相同的的記錄 SELECT COUNT(*)

js實現多個請求並列執行

print 多個 timeout ror 使用創建 int 調用資料早上查資料，偶然發現這個話題，發現自己並不會，於是乎，下來研究了一下。想想之前我們用jquery寫請求的時候，要實現請求的串行執行，我們可能是這麽做的。 $.ajax({ url: ‘‘,

jQuery獲取radio checkbox選中值

通過jQuery獲取radio checkbox選中的值 1、獲取單選按鈕表單控制元件選中的值: $('input:radio[name="radio01"]:checked').val(); 2、獲取複選框的值: $('input:checkbox[name="Chec

js驗證多個用分號隔開的郵箱

html: <body style="text-align: center;"> <h1>電子郵件地址驗證程式</h1> 請輸入電子郵件地址：<input id="email_a

three.js 合併多個模型

方法一：THREE.Geometry.merge()合併多個模型為一個關鍵點：通過THREE.Geometry.merge()函式，你可以將多個幾何體合併起來建立一個聯合體參考部落格：63 Three.js 將多個網格合併成一個網格

用原生JS實現多張圖片上傳及預覽功能（相容IE8）

最近需要做一個圖片上傳預覽的功能（相容IE8-11、chrome、firefox等瀏覽器），網上現有的檔案上傳元件（如webuploader）總是會遇到一些相容性問題。於是我參考了一些博文（連結找不到了⊙o⊙…），自己用原生JS寫了一個支援多張圖片上傳預覽功能的Demo 先通過最終效果看一下功能：

react-redux實現監聽多個輸入框值，新增資料。一整套程式碼

1.mutation.js中 export const createSupportRecord = `mutation createSupportRecord($support: CreateSupportRecordInput!) { createSupportRecord(input:

jquery得到同一class的多個src屬性值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> .暗示法{w

jqgrid如何使用delRowData函式批量刪除 selarrrow獲取的多個選中行資料及注意事項

由於jqgrid沒有提供批量刪除行的函式，因此要實現批量刪除選中行資料，就只能：先獲取選中行rowIds 遍歷選中行rowIds，逐個呼叫delRowData(string rowid)刪除行資料。看上去挺簡單，但是這裡有個很大的坑，那就是jqgrid獲取選中

MySQL資料庫查詢多個欄位值全部相同的記錄

資料庫中使用者表，資料從第三方系統匯入，由於一些垃圾資料，存在使用者名稱和密碼都相同的賬戶，造成介面上一些問題，SQL語句如下： select User_Account,User_Pwd,COUNT(

jquery和js分別實現獲取checkbox的值+jquery實現複選框全選

//jquery實現全選 $(function(){ $("#checkAll").click(function(){ $(".checkOne").attr("checked",this.checked) }) }) //批量刪除jquery實現提示 function p_d

js如何獲得多個checkbox選中的值及input後面所跟的文字

相關推薦