免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 4046 | 回复: 8
打印 上一主题 下一主题

Ajax中无法获取radio值 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2008-09-25 06:28 |只看该作者 |倒序浏览
下面是一个表单,其中一项选择性别 Male,Female,文件名: form.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHP Form</title>
</head>
<script language="javascript" type="text/javascript" src="addname.js"></script>
<body>
<form>
<p> First Name: <input type="text" id="first_name" name="first_name"/></p>
<p> Last Name: <input type="text" id="last_name" name="last_name"/></p>
<p> Gender: Male<input type="radio" name="gender" id="gender" value="Male"/> Female<input type="radio" name="gender" id="gender" value="Female"/></p>
<p> <input type="button"  value="Add Name" onclick="addname()" />

</form>
<span id="txtHint"></span>
</body>
</html>


我通过Ajax获取表单数据
var first_name = document.getElementById("first_name").value;
var last_name = document.getElementById("last_name").value;

var gender_check = document.getElementById("gender").checked;
var gender_length = document.getElementById("gender").value.length;
for(var i=1;i<=gender_length;i++)
{
if(gender_check) var gender_value = document.getElementById("gender").value;
}


现在只能获得Male的值,获得不了Female的值,每次点击female都显示 undefined.

论坛徽章:
0
2 [报告]
发表于 2008-09-25 08:32 |只看该作者
改成<<input type="radio" name="gender" id="gender_m" value="Male"/> Female<input type="radio" name="gender" id="gender_f" value="Female"/>
可以使用: document.getElementById("gender_m").checked;

论坛徽章:
0
3 [报告]
发表于 2008-09-25 09:08 |只看该作者
这个跟ajax有关系么?

别扯远了。。。。。只是简单的js读取罢了

论坛徽章:
1
2015年迎新春徽章
日期:2015-03-04 09:55:28
4 [报告]
发表于 2008-09-25 09:16 |只看该作者
标准html里id的值是不能重复的,所以你用document.getElementById("gender")取到的对象会不准确。

论坛徽章:
0
5 [报告]
发表于 2008-09-25 11:28 |只看该作者
一个页面怎么会有多个元素使用相同的id?

论坛徽章:
0
6 [报告]
发表于 2008-09-27 11:15 |只看该作者
用getElementsByName

[ 本帖最后由 sosokay 于 2008-9-27 11:20 编辑 ]

论坛徽章:
0
7 [报告]
发表于 2008-10-01 04:34 |只看该作者
function getRadioValue(name)
{
    var radioes = document.getElementsByName(name);
    for(var i=0;i<radioes.length;i++)
    {
     if(radioes.checked){
       return radioes.value;
        //alert(radioes.value);
     }
}
}

论坛徽章:
0
8 [报告]
发表于 2008-10-01 16:12 |只看该作者
只是JS吧,哪里有AJAX?

论坛徽章:
0
9 [报告]
发表于 2008-10-04 22:45 |只看该作者
JS问题,

好好了解一些IE,Firefox中的ID, Name以及getElementById, getElementsByName
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP