黑马程序员技术交流社区
标题:
Html和JavaScript中，单选框标签中的值的获取问题
[打印本页]
作者:
曹宇
时间:
2013-6-5 22:42
标题:
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.
两种方式 单选框点与不点没有任何区别。
我就是想要获取用户选择的值，或者判断用户是否没有选择性别选项。
可是这获取的值让我没法做判断。。
求大神。
多谢了！！！
作者:
刘海芳
时间:
2013-6-6 09:01
因为：如果用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 14:10
刘海芳 发表于 2013-6-6 09:01
因为：如果用getElementsByName获取的radio控件，要判断radio的状态。
确实是这样，搞定了，谢谢你！
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2