jquery显示和隐藏div
jquery显示和隐藏div
提问于 2012-02-17 22:56:36
我有一个表单，其中包含单选选择器显示的是|否问题。我有两个div，每个div都包含基于yes|no响应的不同下拉列表。我想不出如何显示一个而隐藏另一个。
$(document).ready(function(){
$("input[name=radio_button]").change(function() {
var test1= $(this).val();
$("#"+test1).show();
$("div.test2").hide();
});
$("input[name=radio_button]").select(function() {
var test2= $(this).val();
$("#"+test2).show();
$("div.test1").hide();
});
});
<p>
<label class="required"> </label>
Yes <input name="radio_button" id="radio_button" type="radio" value="test2" onChange="" />
No <input name="radio_button" id="radio_button" type="radio" value="test1" />
</p>
<p>
<label class="required">Device: </label><br />
<div id="test1" class="test1_div">
<label style="font-weight:600;">test1</label>
<select name="order.item" id="item" >
<option value="default">Please Select item</option>
</select>
</div>
<div id="test2" class="test2_div">
<label style="font-weight:600;">item2</label>
<select name="order.item" id="device">
<option value="default">Please Select Device</option>
</select>
</div>
</p>回答 2
Stack Overflow用户
回答已采纳
发布于 2012-02-17 23:05:44
要使其中一个隐藏，另一个可见，您必须首先隐藏这两个块，然后在要查看的块上添加show()。这对你来说是可行的。
Stack Overflow用户
发布于 2012-02-17 23:01:35
假设您的标记(html)是正确的，请尝试以下操作。它绑定到这些单选按钮(两个)的单击事件，总是先隐藏两个div，然后只显示合适的div(属于所单击的单选按钮的那个div)。
$(document).ready(function(){
$("input[name=radio_button]").click(function() {
var test= $(this).val();
$("div.test1, div.test2").hide(); //Hide both divs
$("#"+test).show();
});
}); 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9330403
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号