代码如下：
<!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>无标题文档</title>
<script>
function identityUserName(){
var t=document.getElementById("test").value;
if(t==‘hello‘){
alert("HelloWorld！");
}else{
alert("you are wrong!") ;
}
}
/*1.从页面获取text用户名和密码，传到后台
2.通过用户名查询，密码是否正确
3.如果正确，跳转到重定向页面
4.如果不正确，清空文本框
*/
function giveValue(){
var t="你真的是一个有天赋学计算机的好孩子！"
document.getElementById("test").value=t;
}
//取得下拉框中的值
function getSelectorValue(){
var se=document.getElementById("sel");
//方法可返回带有指定标签名的对象的集合
var option=se.getElementsByTagName("option");
var str="";
for(var i=0;i<option.length;++i){
if(option[i].selected)
{
//取到选中的下拉框的值
document.getElementById("test").value=option[i].text;
//打印对应选项的document的取值
var subject=document.getElementById("test").value=option[i].value;
alert(subject);
}
}
}
//获取单选框的值
function check(){
var sel=0;
for(var i=0;i<document.getElementsByName("a").length;i++)
{
if(document.getElementsByName("a")[i].checked)
{
sel=document.getElementsByName("a")[i].value;
}
}
if(sel==0)
{
alert("男") ;
}else if(sel==1)
{
alert("女");
}
}
</script>
</head>
<body>
<!--文本框的取值和赋值-->
用户名：<input type="text" name="test" id="test" />
<input type="button" name="identity" value="确认" onclick="identityUserName()"/>
<input type="button" name="identity" value="赋值" onclick="giveValue()"/>
<p>
<!--下拉框取值-->
<select name="sel" id="sel" onchange="getSelectorValue();">
<option value="Math" >数学</option>
<option value="Chinese" selected>语文</option>
<option value="English">英语</option>
</select>
<p>
<!--单选框取值-->
<input type="radio" name="a" value="0" />男<br>
<input type="radio" name="a" value="1"/>女<br>
<input type="button" name="button1" value="单选" onclick="check()" />
</body>
</html>
页面效果如下：
参考博客：使用javascript获取文本框,下拉框,单选框的值并且赋值
时间： 2024-12-20 19:09:56