我是 javascript 和 html 新手。我正在尝试编写一个页面，该页面根据单选按钮显示正确的表单。我想根据单选按钮的选择显示一个表单。我不确定我是否使用 javascript 函数选择了正确的东西。我尝试将其除以 div，但我不知道为什么它不起作用...这是我到目前为止所得到的:
$(document).ready(function() {
$('input[name=select]:radio').click(function() {
if ($(this).attr("value") == "Yes") {
$('form[name="Computerform"]').hide();
$('form[name="VMform"]').show();
}
if ($(this).attr("value") == "No") {
$('form[name="Computerform"]').hide();
$('form[name="VMform"]').show();
}
});
});<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<body>
<div id="main">
<form name="select">
<input type="radio" name="A" value="No">Yes
<br>
<input type="radio" name="A" value="Yes">No
</form>
<div id="first">
<form action="process.php" name="Computerform" method="get">
<strong>First Name: </strong>
<input type="text" name="firstName" placeholder="Your Name" id="firstName" />
<strong>First Name: </strong>
<input type="text" name="LastName" placeholder="Your Last Name" id="LastName" />
</form>
</div>
<div id="second">
<form action="process.php" name="VMform" method="get">
<strong>Favorite Color: </strong>
<select name="color" id="color">
<option value="">Select a Color</option>
<option value="Red">Red</option>
<option value="Green">Green</option>
<option value="Blue">Blue</option>
</select>
</form>
</div>
</div>
</body>有人可以解释一下，我将如何更改代码来执行此行为？我只想根据用户在第一个表单(单选按钮)中选择的内容来显示一个表单。 谢谢!
最佳答案
HTML:
<div>
<button type="button">Click here</button>
<div class="form-computer">
<form action="process.php" name="Computerform" method="get">
<strong>First Name: </strong>
<input type="text" name="firstName" placeholder="Your Name" id="firstName"/>
<strong>First Name: </strong>
<input type="text" name="LastName" placeholder="Your Last Name" id="LastName"/>
</form>
</div>
<div>
<form action="process.php" name = "VMform" method="get">
<strong>Favorite Color: </strong>
<select name="color" id="color">
<option value="">Select a Color</option>
<option value="Red">Red</option>
<option value="Green">Green</option>
<option value="Blue">Blue</option>
</select>
</form>
</div>
</div>
JS:
$('button').on('click', function() {
$('.form-computer').toggle("slow");
})
关于javascript - Jquery 在两种形式之间进行选择，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26185280/