document取值（js）

最新推荐文章于 2024-04-12 08:57:44 发布

yuhang44

最新推荐文章于 2024-04-12 08:57:44 发布

阅读量1.3k

点赞数

文章标签： input javascript fun button html 文档

本文链接：https://blog.csdn.net/yuhang44/article/details/7945600

版权

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function fun()
{

var name = document.getElementById("name").value;
alert("name-->"+name)

var sex = document.getElementsByName("sex");
for(var i=0;i<sex.length;i++)
{
if(sex[i].checked)
alert("sex-->"+sex[i].value);
}

var edu = document.getElementById("edu").value;
alert(edu)

var like = document.getElementsByName("like");
for(var i=0;i<like.length;i++)
{
if(like[i].checked)
{
alert(like[i].value)
}
}

}
</script>

<body>

姓名：<input type="text" name="username" id="name"><p>
性别：<input type="radio" name="sex" value="男" >男
<input type="radio" name="sex" value="女" >女
<input type="radio" name="sex" value="保密" checked>保密<p>
学历：<select name="edu" id="edu">

<option value="大学" > 大学 </option>
<option value="高中"> 高中 </option>
<option value="大专"> 大专 </option>

</select><p>
爱好：<input type="checkbox" name="like" value="篮球">篮球
<input type="checkbox" name="like" value="羽毛球">羽毛球
<input type="checkbox" name="like" value="乒乓球">乒乓球
<input type="checkbox" checked name="like" value="看书">看书
<p>
<input type="button" value="注册" onClick="javascript:fun();">          
<input type="reset" value="重置">
</div>

</body>
</html>

yuhang44

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
document取值（js）

无标题文档function fun(){var name = document.getElementById("name").value;alert("name-->"+name)var sex = document.getElementsByName("sex");for(var i=0;i{if(sex[i].checked)alert("sex
复制链接

扫一扫