萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 原生JS實現表單checkbook獲取已選擇的值

原生JS實現表單checkbook獲取已選擇的值

本文為大家介紹下采用原生JS實現從一個表單checkbox獲取到已選中的數據值,具體的實現如下,感興趣的朋友可以參考下哈,希望對大家有所幫助  

從一個表單checkbox獲取到已選中的數據值:

復制代碼 代碼如下:
<input type="checkbox" name="cb" value="1" />aa
<input type="checkbox" name="cb" value="2" />bb
<input type="checkbox" name="cb" value="3" />cc
<input type="checkbox" name="cb" value="4" />dd
<br/>
<input type="button" value="提交" onclick="checkedValues()" />


采用原生JS寫法:

復制代碼 代碼如下:


function checkedValues(){
var arr=new Array();
var checkbox=document.getElementByName('cb');
for(var i=0;i<checkbox.length();i++){
if(checkbox[i].checked==true){
arr.push(checkbox[i].value);
alert(checkbox[i].value);
}
}
}

copyright © 萬盛學電腦網 all rights reserved