获取表单的值:
var input_text = document.getElementById('username');
input_text.value = '123'; //获取表单里的值
获取单选框的选择值:
var boy_radio = document.getElementById('boy');
var girl_radio = document.getElementById('girl');
girl_radio.checked='true'; //获取单选框的状态
if(boy_radio.checked) {
alert("boy");
}else{
alert("girl");
}
应用:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="post">
<span>用户名:</span><input type="text" id="username">
<p>
<!-- 多选框的值,就是设置好的value-->
<span>性别:</span>
<input type="radio" name = 'sex' value="man" id="boy">男
<input type="radio" name = 'sex' value="woman" id="girl">女
</p>
</form>
<script>
var input_text = document.getElementById('username');
input_text.value = '123'; //获取表单里的值
var boy_radio = document.getElementById('boy');
var girl_radio = document.getElementById('girl');
girl_radio.checked='true'; //获取单选框的状态
if(boy_radio.checked) {
alert("boy");
}else{
alert("girl");
}
</script>
</body>
</html>