If statement 基于单选按钮单击隐藏/显示
我已经搜索了几个小时了,但我的代码还没有开始工作 我有两个div单选按钮,我想要它,所以如果我选择是,它会显示一个滑块,如果我选择否,它会显示另一个 以下是.html文件:If statement 基于单选按钮单击隐藏/显示,if-statement,click,hide,show,radio,If Statement,Click,Hide,Show,Radio,我已经搜索了几个小时了,但我的代码还没有开始工作 我有两个div单选按钮,我想要它,所以如果我选择是,它会显示一个滑块,如果我选择否,它会显示另一个 以下是.html文件: <fieldset data-role="controlgroup"> <legend> <h>Do you like pie?</h> </legend> <input type="radio" name="do-yo
<fieldset data-role="controlgroup">
<legend>
<h>Do you like pie?</h>
</legend>
<input type="radio" name="do-you-like-pie" id="do-you-like-pie-yes" value="do-you-like-pie-yes" checked="checked" />
<label for="do-you-like-pie-yes">Yes</label>
<input type="radio" name="do-you-like-pie" id="do-you-like-pie-no" value="do-you-like-pie-no" />
<label for="do-you-like-pie-no">No</label>
</fieldset>
<!-- first slider -->
<div data-role="fieldcontain" class="show-hide-like-pie-no">
<label for="like-pie-yes-slider">
<h>How much?</h>
</label>
<input type="range" name="like-pie-yes-slider" id="like-pie-yes-slider" value="25" min="0" max="100" data-highlight="true" />
</div>
<!-- 2nd slider -->
<div data-role="fieldcontain" class="show-hide-like-pie-yes">
<label for="like-pie-no-slider">
<h>How litle?</h>
</label>
<input type="range" name="like-pie-no-slider" id="like-pie-no-slider" value="100" min="0" max="200" data-highlight="true" />
</div>
任何帮助都将不胜感激
这里是小提琴链接:
谢谢
亲切问候,
加里
编辑:其他解决方案的问题在于它们不使用“if”getAuto()返回布尔值true/false。
在您的示例中,您需要对字符串“true”进行测试
只需使用简单的if(getAuto())即可
已修复-刚刚使用更改(function())单选按钮单击时隐藏按钮的示例
$(document).ready(function() {
$("#do-you-like-pie-yes").click(function() {
$(".show-hide-like-pie-no").hide();
});
});
嗨,谢谢你的回复。不幸的是,这只适用于“运行”,当我单击时它不会改变。希望当我单击“是”时,它显示滑块1,当我单击“否”时,它显示滑块2。谢谢。所以我有一个解决办法:但一定有办法把它整理好吗?谢谢
//$('do-you-like-pie').on('click',function () {
// if ($('#do-you-like-pie-yes').is(':checked')) {
if (getAuto()) {
$(".show-hide-like-pie-yes").show();
$(".show-hide-like-pie-no").hide();
} else {
$(".show-hide-like-pie-yes").hide();
$(".show-hide-like-pie-no").show();
}
//});
$(document).ready(function() {
$("#do-you-like-pie-yes").click(function() {
$(".show-hide-like-pie-no").hide();
});
});