熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

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

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

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

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

  
采用原生JS寫法

復制代碼 代碼如下:

  
function checkedValues(){
var arr=new Array();
var checkbox=documentgetElementByName(cb);
for(var i=;i<checkboxlength();i++){
if(checkbox[i]checked==true){
arrpush(checkbox[i]value);
alert(checkbox[i]value);
}
}
}


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20609.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.