<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("您選擇的角色為：nn" + str);
}
}
</script>
</head>
<body>
<table cellspacing="5" cellpadding="2" ali gn="Center" border="1">
<tr>
<td align="center" class="dgHeader" nowrap>選擇角色</td>
& lt;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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
