【分享】【js中的document.getElementsByName()方法的使用】

yweijie2008

于 2011-09-14 19:39:24 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

文章标签： input button xhtml javascript html

本文链接：https://blog.youkuaiyun.com/yweijie2008/article/details/6775711

在js中要用document.getElementsByName()

html代码如下：【红色部分要注意】

<!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>
   <title>byCat</title>
<script language="javascript" type="text/javascript">

function subm() {

   var sexArray=document.getElementsByName("sex");

var sex;
for( var i=0;i<sexArray.length;i++){
if( sexArray [i].checked){
alert(sexArray[i].value);
break;
}
}
}
</script>
</head>
<body>
   性别:<input name="sex" type="radio" value="男" checked/>男
<input name="sex" type="radio" value="女"/>女
   <p>

   <input id="Button1" type="button" value="购买" οnclick="subm()" />
</body>
</html>

要注意的是document.getElementsByName方法返回到是数组，所以，取值时要用aaa[] 这样的形式，使用时要注意。尤其是js中的变量要声明成var，否则可能会出错，造成js不能运行。