我有一个包含 6 个复选框的复选框列表。每个复选框旁边都有一个相应的单选按钮。页面加载时，单选按钮被禁用。当我选中该复选框时，我想启用它旁边的单选按钮。此外，如果我取消选中复选框，旁边的单选按钮将被取消选择并再次禁用。
复选框供用户选择他们想要的项目，单选按钮供用户选择他最喜欢的项目。
我已经尝试了下面的代码，但它不起作用......
$(document).ready(function () {
$("#rbtnlLeadAgencies input[type='radio']").each(function () {
$("#rbtnlLeadAgencies input[type='radio']").prop('disabled', true);
});
$("#cbxlAgencies input[type='checkbox']").each.change(function () {
if ($("#cbxlAgencies_0 input[type='checkbox']").is(':checked')) $("#rbtnlLeadAgencies_0 input[type='radio']").prop('disabled', false);
if ($("#cbxlAgencies_1 input[type='checkbox']").is(':checked')) $("#rbtnlLeadAgencies_1 input[type='radio']").prop('disabled', false);
if ($("#cbxlAgencies_2 input[type='checkbox']").is(':checked')) $("#rbtnlLeadAgencies_2 input[type='radio']").prop('disabled', false);
if ($("#cbxlAgencies_3 input[type='checkbox']").is(':checked')) $("#rbtnlLeadAgencies_3 input[type='radio']").prop('disabled', false);
if ($("#cbxlAgencies_4 input[type='checkbox']").is(':checked')) $("#rbtnlLeadAgencies_4 input[type='radio']").prop('disabled', false);
if ($("#cbxlAgencies_5 input[type='checkbox']").is(':checked')) $("#rbtnlLeadAgencies_5 input[type='radio']").prop('disabled', false);
});
});
标记和 jQuery 代码位于 jsfiddle
有什么想法可以实现这种行为吗？
提前致谢!
最佳答案
尝试
$(document).ready(function () {
$("#rbtnlLeadAgencies input[type='radio']").prop('disabled', true);
$("#cbxlAgencies input[type='checkbox']").change(function () {
var idx = $(this).closest('tr').index();
var radios = $("#rbtnlLeadAgencies tr").eq(idx).find('input[type="radio"]').prop('disabled', !this.checked);
if(!this.checked){
radios.prop('checked', false);
}
});
});
演示:Fiddle
关于javascript - 使用 jQuery 选择复选框并启用相应的单选按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18528558/