<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>查看單選框ID</title>
<script type="text/javascript">
function getRadioId(){//得到單選框ID的js函數
var c = document.getElementsByName('radio');
var counter = 0;
var j;
for(var i = 0;i<c.length;i++){
if(c[i].checked){
counter++;
j = i;
}
}
if(counter ==0){
alert('請選擇記錄！');
return false;
}
var id = c[j].value;
alert(id);
}
</script>
</head>
<body>
<!--一個有幾條數據的表格-->
<table width="100%" align="center" border="1" bordercolor="#adc9d7" bordercolordark="#FFFFFF" cellspacing="0"
cellpadding="0">
<tr>
<td width="5%" class="table_title" align="center">
選擇
</td>
<td width="15%" class="table_title" align="center">
用戶名
</td>
</tr>
<tr bgcolor="white">
<td align="center">
<input type="radio" name="radio" value="1" />
</td>
<td align="center">
ding1
</td>
</tr>
<tr bgcolor="white">
<td align="center">
<input type="radio" name="radio" value="2" />
</td>
<td align="center">
ding2
</td>
</tr>
<tr bgcolor="white">
<td align="center">
<input type="radio" name="radio" value="3" />
</td>
<td align="center">
ding3
</td>
</tr>
</table>
<br />
<center><input type="button" value="查看ID" onclick="getRadioId();"/></center>
</body>
</html>
posted on 2009-05-22 11:06
老丁 閱讀(890)
評論(1) 編輯 收藏 所屬分類:
html tag 、
js相關