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