Html和JavaScript中，单选框标签中的值的获取问题

尹丽峰

本帖最后由曹宇于 2013-6-6 14:10 编辑

此贴在云4区也发的有，和云4的是重复帖，主要我想两个区都发，这样能够尽快得到解答，也能看到更多建议，如果有违反论坛规定，还望版主删贴。。。（手下留情啊亲）

如有如下Script代码：

<script language="javascript" type="text/javascript">
function check()
{
var sex=document.getElementsByName("sex");
alert(sex[0].value);
alert(sex[1].value);
/*
alert(sex[0].nodeValue);
alert(sex[1].nodeValue);
*/
}
</script>

复制代码
Html代码如下

<body>
<form action="" method="post">
<input type="radio" name="sex" value="nan" />男 <input type="radio" name="sex" value="nv" />女
</form>
</body>

复制代码
作出来的网页无论单选框选没选输出永远是 nan 和 nv

而我用/* */注释掉的语句执行的时候，无论单选框选没选，输出永远是 null.

两种方式单选框点与不点没有任何区别。
我就是想要获取用户选择的值，或者判断用户是否没有选择性别选项。

可是这获取的值让我没法做判断。。

求大神。

多谢了！！！

刘海芳 · 刘海芳

因为：如果用getElementsByName获取的radio控件，要判断radio的状态。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="javascript" type="text/javascript">
function check()
{
var sex=document.getElementsByName("sex");
for(var i=0;i<sex.length;i++){
if(sex[i].checked==true){
alert(sex[i].value);
}
}
// alert(sex[0].value);
// alert(sex[1].value);
/*
alert(sex[0].nodeValue);
alert(sex[1].nodeValue);
*/
}
</script>
</head>
<body>
<form action="" method="post">
<input type="radio" name="sex" value="nan" onclick="check();" />男 <input type="radio" name="sex" value="nv" onclick="check();"/>女
</form>
</body>
</html>

复制代码

曹宇 · 曹宇

刘海芳发表于 2013-6-6 09:01
因为：如果用getElementsByName获取的radio控件，要判断radio的状态。

确实是这样，搞定了，谢谢你！

帐号		自动登录	找回密码
密码			加入黑马

Html和JavaScript中，单选框标签中的值的获取问题

评分

3 个回复

评分

黑马骑士勋章