我对此很陌生,知识有限(过去几周都是自学的)。我根据其他人提出的类似问题尝试了多种解决方案,但似乎没有一个对我有用。
我试图将“date_range”div 设置为仅在选择“范围”过滤器时才可见。我正在使用 jQuery 1.8.2 和 jQueryUI 1.9(使用 $.noConflict(); 设置)。
我的代码如下(请友善,我知道我对此不太擅长),感谢任何帮助。
<script>
$('#filters').is(function() {
if ($('#range').attr('checked')) {
$('#date_range').show();
} else {
$('#date_range').hide();
}
});
</script>
<div>
<form align="center" id="filters">
<input type="radio" id="last24" name="filter_radio" checked="checked"/><label for="last24">Last 24hrs</label>
<input type="radio" id="WTD" name="filter_radio" /><label for="WTD">WTD</label>
<input type="radio" id="last_week" name="filter_radio" /><label for="last_week">Last Week</label>
<input type="radio" id="range" name="filter_radio" /><label for="range">Range</label>
<div id="date_range">
<br />
<label for="from">From: </label><input type="text" id="from" name="from"/>
<label for="to">To: </label><input type="text" id="to" name="to" />
</div>
</form>
</div>
最佳答案
试试这个代码
$(function(){
$('#date_range').hide();
$('#filters').on('click' ,'input[type=radio]', function(){
if (this.id == "range" && this.checked) {
$('#date_range').show();
} else {
$('#date_range').hide();
}
});
});
检查这个 DEMO
希望对你有帮助
关于javascript - 使用 jQuery 和 jQueryUI 显示/隐藏 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13138525/