原生JS實現(xiàn)表單checkbook獲取已選擇的值
更新時間:2013年07月21日 18:01:37 作者:
本文為大家介紹下采用原生JS實現(xiàn)從一個表單checkbox獲取到已選中的數(shù)據(jù)值,具體的實現(xiàn)如下,感興趣的朋友可以參考下哈,希望對大家有所幫助
從一個表單checkbox獲取到已選中的數(shù)據(jù)值:
<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);
}
}
}
復(fù)制代碼 代碼如下:
<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寫法:
復(fù)制代碼 代碼如下:
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);
}
}
}
相關(guān)文章
TypeScript的安裝、使用、自動編譯的實現(xiàn)
TypeScript是一種由微軟開發(fā)的開源、跨平臺的編程語言。這篇文章主要介紹了TypeScript的安裝、使用、自動編譯的實現(xiàn)方法,需要的朋友可以參考下2020-04-04Javasript設(shè)計模式之鏈?zhǔn)秸{(diào)用詳解
這篇文章主要為大家詳細(xì)介紹了Javasript設(shè)計模式之鏈?zhǔn)秸{(diào)用的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-04-04JavaScript 復(fù)制對象與Object.assign方法無法實現(xiàn)深復(fù)制
這篇文章主要介紹了JavaScript 復(fù)制對象與Object.assign方法無法實現(xiàn)深復(fù)制,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-11-11