Javascript 如何基于单选按钮显示和隐藏HTML表单
我正在寻找Javascript/Jquery中的一段代码，以显示和隐藏基于单选按钮的html表单，这样它也可以在iPhone/iPad中工作 这就是我所期待的 选择： 捡拾器（单选按钮） 交付（单选按钮） 基于上述选择 Choice: Pickup (Radio Button) Delivery (Radio Button) 如果是皮卡。 显示一个包含少量输入的HTML表单，以显示取货地点的地址。 如果是送货的话 显示包含少量输入的HTML表单以接受送达地址。 并提交数据。 有什么建议吗 我用选择框而不是收音机框尝试了以下操作 If it is Pickup. Display a HTML FORM with few inputs to show the address of the place where items are being picked up. If it is Delivery Display a HTML Form with few inputs to accept delivery address. and submit the data.Javascript 如何基于单选按钮显示和隐藏HTML表单,javascript,jquery,html,Javascript,Jquery,Html,我正在寻找Javascript/Jquery中的一段代码，以显示和隐藏基于单选按钮的html表单，这样它也可以在iPhone/iPad中工作 这就是我所期待的 选择： 捡拾器（单选按钮） 交付（单选按钮） 基于上述选择 Choice: Pickup (Radio Button) Delivery (Radio Button) 如果是皮卡。 显示一个包含少量输入的HTML表单，以显示取货地点的地址。 如果是送货的话 显示包含少量输入的HTML表单以接受送达地址。 并提交数据。 有什么建议吗 我用
$（文档）.ready（函数（）{
$（“#状态”）.change（函数（）{
//foo是另一个选择框的id
如果（$（this.val（）！=“皮卡”）{
$（“#foo”）.show（）；
}否则{
$（“#foo”）.hide（）；
}
});
});
选择收货或交货：
改善
传送
取货地点：
新泽西州爱迪生大街123号
在下面输入您的地址：
地址1
地址2
城市
状态
邮政编码
H之外，并将
保留为空，这就是您没有看到隐藏内容的原因
此外，您不能在页面中复制ID，请改用类。根据定义，ID是唯一的
将带有无效子项的
标记更改为
，并调整ID使代码工作
演示我们期待的是：1。到目前为止，您已经掌握了JavaScript代码。2.为什么它失败了。3.你还尝试过哪些其他选择。4.现场演示。
<pre>
<!doctype html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
$(document).ready(function (){
$("#state").change(function() {
// foo is the id of the other select box
if ($(this).val() != "Pickup") {
$("#foo").show();
}else{
$("#foo").hide();
}
});
});
</script>
</head>
<body>
<h3> Select Pickup Or Delivery:</h3>
<p>
<select id="state" name="state" style="width: 212px;">
<option value="Pickup">Pickup</option>
<option value="Delivery">Delivery</option>
</select>
</p>
<p id="foo" style="display:none;">
<h4> Pickup Location:</h4>
123 Main St, Edison NJ
</p>
<p id="foo" style="display:none;">
<form>
<h3> Enter your address below:</h3>
<label>Address1</label> <input type="text" name="address1"><br>
<label>Address2</label> <input type="text" name="address2"><br>
<label>City</label> <input type="text" name="city"><br>
<label>State</label> <input type="text" name="state"><br>
<label>Zip Code</label> <input type="text" name="zipcode"><br>
</p>
</body>
</pre>