DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 原生JS實現表單checkbook獲取已選擇的值
原生JS實現表單checkbook獲取已選擇的值
編輯:JavaScript綜合知識     
本文為大家介紹下采用原生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);
}
}
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved