以文本方式查看主题

-  课外天地 李树青  (http://www.njcie.com/bbs/index.asp)
--  清心茶舍  (http://www.njcie.com/bbs/list.asp?boardid=21)
----  求解  (http://www.njcie.com/bbs/dispbbs.asp?boardid=21&id=902)
--  作者：笑熬浆糊
--  发布时间：2010/10/8 22:17:50
--  求解

<%@ page language="java" c
pageEncoding="GBK"%>
<html>
<head>
<title>网络投票</title>
</head>
<body>
<script type="text/javascript">
function check()
{
     alert(document.getElementById("ballot").value);      
}

</script>
<table align="center">
<tr>
  <td style="color: purple">
  <h1>选择候选人：</h1>
  </td>
</tr>
<tr>
  <td><input type="radio" value="Obama" name="ballot"
   >Obama</td>
</tr>
<tr>
  <td><input type="radio" value="McCain" name="ballot"
   >McCain</td>
</tr>
</table>
</body>
</html>

当点击McCain选项时，为何弹出的还是写着“Obama”的对话框？？？

[此贴子已经被admin于2010-12-13 20:23:32编辑过]
--  作者：admin
--  发布时间：2010/10/9 11:17:43
--  要学会使用搜索引擎

<%@ page language="java" c
pageEncoding="GBK"%>
<html>
<head>
<title>网络投票</title>
</head>
<body>
<script type="text/javascript">
function check()
{
     elements=document.getElementsByName("ballot")
     for(i=0;i <=elements.length;i++)
     {
         if(elements[i].checked)
         {
              alert(elements[i].value);
              break;
         }
     }    
}

</script>
<table align="center">
<tr>
  <td style="color: purple">
  <h1>选择候选人：</h1>
  </td>
</tr>
<tr>
  <td><input type="radio" value="Obama" name="ballot"
   >Obama</td>
</tr>
<tr>
  <td><input type="radio" value="McCain" name="ballot"
   >McCain</td>
</tr>
</table>
</body>
</html>

再百度中直接搜索“radio javascript”即可


 

[此贴子已经被作者于2010-12-13 20:23:49编辑过]
--  作者：笑熬浆糊
--  发布时间：2010/10/9 22:29:52
--  

getElementById得到的是radio的第一个元素。 而getElementsByName得到的是radio的所有元素的数组。

好的，谢谢李老师！！！