单选按钮不工作的jQuery移动选择
单选按钮不工作的jQuery移动选择
提问于 2016-01-14 18:20:10
我有两行单选按钮，根据选择的不同，有无效的组合。有效的组合是(条形，年份)(条形，状态)(面积，年份)和(地图，状态)。当用户选择“区域”时，我想自动选择“年份”并禁用“State”单选按钮。我想做同样的‘地图’和禁用‘年’。我应该这样做的代码，但选择单选按钮不起作用。为什么不行？
这是单选按钮的文档。
见小提琴。
$(document).on("change", ".chart-type", function(event, ui) {
if (this.value == "map") {
$("#radio-group-by-state").checkboxradio('enable').checkboxradio("refresh");
$("#radio-group-by-state").attr("checked", true).checkboxradio("refresh");
$("#radio-group-by-year").checkboxradio('disable').checkboxradio("refresh");
} else if (this.value == "area") {
$("#radio-group-by-year").checkboxradio('enable').checkboxradio("refresh");
$("#radio-group-by-year").attr("checked", true).checkboxradio("refresh");
$("#radio-group-by-state").checkboxradio('disable').checkboxradio("refresh");
} else {
$("#radio-group-by-state").checkboxradio('enable').checkboxradio("refresh");
$("#radio-group-by-year").checkboxradio('enable').checkboxradio("refresh");
}
});<link href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css" rel="stylesheet"/>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<body>
<div data-role="fieldcontain" class="ui-field-contain">
<fieldset data-type="horizontal" data-role="controlgroup" class="ui-controlgroup ui-controlgroup-horizontal ui-corner-all">
<div class="ui-controlgroup-controls ">
<div class="ui-radio">
<label data-form="ui-btn-up-a" for="radio-chart-type-bar" class="ui-btn ui-corner-all ui-btn-a ui-radio-off ui-first-child">
Bar
</label>
<input type="radio" value="bar" id="radio-chart-type-bar" class="update-chart chart-type" name="radio-chart-type" data-theme="a">
</div>
<div class="ui-radio chart-type-area">
<label data-form="ui-btn-up-a" for="radio-chart-type-area" class="ui-btn ui-corner-all ui-btn-a ui-radio-off">
Area
</label>
<input type="radio" value="area" id="radio-chart-type-area" class="update-chart chart-type" name="radio-chart-type" data-theme="a">
</div>
<div class="ui-radio">
<label data-form="ui-btn-up-a" for="radio-chart-type-map" class="ui-btn ui-corner-all ui-btn-a ui-radio-off ui-last-child">
Map
</label>
<input type="radio" value="map" id="radio-chart-type-map" class="update-chart chart-type" name="radio-chart-type" data-theme="a">
</div>
</div>
</fieldset>
</div>
<div data-role="fieldcontain" class="ui-field-contain">
<fieldset data-type="horizontal" data-role="controlgroup" class="ui-controlgroup ui-controlgroup-horizontal ui-corner-all">
<div class="ui-controlgroup-controls ">
<div class="ui-radio">
<label data-form="ui-btn-up-b" for="radio-group-by-year" class="ui-btn ui-corner-all ui-btn-a ui-radio-on ui-btn-active ui-first-child">
Year
</label>
<input type="radio" checked="checked" value="year" id="radio-group-by-year" class="update-chart radio-group-by" name="radio-group-by" data-theme="a">
</div>
<div class="ui-radio">
<label data-form="ui-btn-up-b" for="radio-group-by-state" class="ui-btn ui-corner-all ui-btn-a ui-radio-off ui-last-child">
State
</label>
<input type="radio" value="state" id="radio-group-by-state" class="update-chart radio-group-by" name="radio-group-by" data-theme="a">
</div>
</div>
</fieldset>
</div>
</body>
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-01-14 20:22:23
试一试，先启用两个复选框，然后测试地图或区域：
$(document).on("change", ".chart-type", function(event, ui) {
$("#radio-group-by-state").checkboxradio('enable').checkboxradio("refresh");
$("#radio-group-by-year").checkboxradio('enable').checkboxradio("refresh");
if (this.value == "map") {
$("#radio-group-by-state").prop("checked", true).checkboxradio("refresh");
$("#radio-group-by-year").checkboxradio('disable').checkboxradio("refresh");
} else if (this.value == "area") {
$("#radio-group-by-year").prop("checked", true).checkboxradio("refresh");
$("#radio-group-by-state").checkboxradio('disable').checkboxradio("refresh");
}
});更新的小提琴
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34796903
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号