我正在尝试制作一个联系表格,人们将在其中检查“单程”机票或“往返”机票。
当用户到达联系表单并显示一 (1) 个日期字段时,将选中第一个“单向”,但如果选中“往返”,我希望显示第二个日期字段和返回日期。
有什么想法吗?
最佳答案
只需观察单选按钮的 onchange 事件。当它到达时,您可以检查选择单程或往返的天气,然后显示/隐藏带有返回日期字段的 div。
<!DOCTYPE html>
<head>
<script>
function hdl_change(e) {
document.getElementById('date2').style.visibility =
e.checked && e.id == 'opt_2' ? 'visible' : 'hidden';
}
</script>
</head>
<body>
<form name="myForm">
<input id="opt_1" type="radio" name="trip" value="oneway" onchange="hdl_change(this)"> One way<br>
<input id="opt_2" type="radio" name="trip" value="round" onchange="hdl_change(this)"> Roundtrip<br>
</form>
<div id="date1"> date 1 stuff ...</div>
<div id="date2" style="visibility:hidden"> date 2 stuff ...</div>
</body>
</html>
关于javascript - 选中单选按钮时显示第二个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11743069/