6.8 用一个字段设置另一个字段
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function sexChange() {
var x = document.forms["myForm"]["sex"].value;
if (x == "男") {
document.getElementById("sport1").checked = true;
} else {
document.getElementById("sport2").checked = true;
}
}
function sportChange() {
var x = document.forms["myForm"]["sport"].value;
if (x == "1000") {
document.getElementById("sex1").checked = true;
} else {
document.getElementById("sex2").checked = true;
}
}
</script>
</head>
<body>
<form name="myForm" action="demo_form.php" method="post">
<label>男<input type="radio" id="sex1" name="sex" value="男" checked onchange="sexChange()"></label>
<label>女<input type="radio" id="sex2" name="sex" value="女" onchange="sexChange()"></label>
<label>1000米<input type="radio" id="sport1" name="sport" value="1000" checked onchange="sportChange()"></label>
<label>800米<input type="radio" id="sport2" name="sport" value="800" onchange="sportChange()"></label>
<input type="submit" value="提交">
</form>
</body>
</html>