用Javascript讀取CheckBox數組的值的代碼(兼容IE與firefox)

2019-11-21 00:00:53

字體：大中小

來源：轉載

供稿：網友

document.getElementsByName(name)方法正是用來讀取對象數組的。用法如下：
var elements = document.getElementsByName("role");
（"role"為CheckBox數組中每個CheckBox共同的名字）
for:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>getElementsByName范例</title> <script type="text/javascript"> function test(){ // 得到checkbox數組 var elements = document.getElementsByName("role"); var str = ""; // 取得所選擇的角色 for(var i=0;i<elements.length;i++){ if(elements[i].checked){ str += "> " + elements[i].value + "/n"; } } // 輸出 if(str == ""){ alert("您沒有選擇任何角色！"); } else{ alert("您選擇的角色為：/n/n" + str); } } </script> </head> <body> <table cellspacing="5" cellpadding="2" align="Center" border="1"> <tr> <td align="center" class="dgHeader" nowrap>選擇角色</td> <td align="left"> 系統管理員<input name="role" type="checkbox" value="系統管理員" > 總經理<input name="role" type="checkbox" value="總經理" > 代理商<input name="role" type="checkbox" value="代理商" > 客服人員<input name="role" type="checkbox" value="客服人員" > </td> </tr> <tr> <td height="29" colspan="2" align="center"> <input type="button" id="btnSubmit" style="font-size:12px;width:90px;" value="輸出選擇結果" onclick="test();" /> </tr> </table> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：ExtJs的Date格式字符代碼

下一篇：jcarousellite.js 基于Jquery的圖片無縫滾動插件