原生JS實(shí)現(xiàn)表單checkbook獲取已選擇的值
更新時(shí)間：2013年07月21日 18:01:37 作者：
本文為大家介紹下采用原生JS實(shí)現(xiàn)從一個(gè)表單checkbox獲取到已選中的數(shù)據(jù)值，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
從一個(gè)表單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寫(xiě)法：
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寫(xiě)法：
復(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)文章
webpack配置完熱更新會(huì)刷新整個(gè)頁(yè)面
本文主要介紹了webpack配置完熱更新會(huì)刷新整個(gè)頁(yè)面,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-11-11
2008年有啊第一次性能優(yōu)化時(shí)，我們?cè)胻extarea來(lái)存貯需要懶惰渲染的節(jié)點(diǎn)2012-01-01
js實(shí)現(xiàn)從右向左緩緩浮出網(wǎng)頁(yè)浮動(dòng)層廣告的方法
這篇文章主要介紹了js實(shí)現(xiàn)從右向左緩緩浮出網(wǎng)頁(yè)浮動(dòng)層廣告的方法,可實(shí)現(xiàn)右側(cè)浮動(dòng)廣告的定時(shí)彈出及點(diǎn)擊展開(kāi)、折疊等功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細(xì)介紹了讓編輯器支持word復(fù)制黏貼、截屏的js代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
JavaScript正則表達(dá)式簡(jiǎn)單實(shí)用實(shí)例
這篇文章主要介紹了JavaScript正則表達(dá)式簡(jiǎn)單實(shí)用實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-06-06
本文給大家分享的是個(gè)人對(duì)于12306的新的驗(yàn)證碼系統(tǒng)的破解思路，僅僅是思路，還沒(méi)進(jìn)行實(shí)地驗(yàn)證，推薦給大家，拋磚引玉吧。2015-03-03
Textarea根據(jù)內(nèi)容自適應(yīng)高度
使用JAVASCRIPT控制Textarea內(nèi)容自適應(yīng)高度，實(shí)施起來(lái)很簡(jiǎn)單，很平滑。2013-10-10
這篇文章介紹了在ASP.NET中使用JavaScript腳本的方法，有需要的朋友可以參考一下2013-11-11
布爾運(yùn)算符 && 和 || 的時(shí)候，我說(shuō)過(guò)它們的結(jié)果是布爾值，它們也能用于計(jì)算其他的類(lèi)型的數(shù)據(jù)，這種時(shí)候，返回的就將是其中的一個(gè)參數(shù)了2013-11-11
easywasmplayer實(shí)現(xiàn)視頻流播放示例詳解
這篇文章主要為大家介紹了easywasmplayer實(shí)現(xiàn)視頻流播放示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09