jquery - Jquery Swap 检查更改时禁用的属性

Question

假设check disable选中复选框并反转check disable另一个框。似乎可以工作，直到我在先前更改的复选框上再次尝试。今天的大脑是油炸的。非常感谢任何见解或更好的代码。

http://jsfiddle.net/sz7R4/

$('.changeCheck').change(function(event) { 
   var oldTarget = $(':checked').attr('id');
    console.log(oldTarget);
    $(this).attr('disabled', 'disabled').attr('checked', 'checked');
    $('#'+oldTarget).removeAttr('checked', 'checked').removeAttr('disabled', 'disabled');
});

Answer 1

目前您只针对第二个输入，您还需要change在第一个输入上定位事件。以及您应该使用prop()而不是attr()：

$('.changeCheck, #check1').change(function(event) { 
    $(this).prop("disabled", true).siblings().prop("disabled", false).prop('checked', false);
});

更新小提琴

Answer 2

尝试这个：

$('.changeCheck').change(function (event) {
    $('.changeCheck').prop({
        'checked': false,
        'disabled': false
    });
    $(this).prop({
        'checked': true,
        'disabled': true
    });
});

jsFiddle 示例

您不想使用.removeAttr()or .attr()，而是使用.prop(). 单选按钮在这里不是更好的选择吗？

Answer 3

.attr()仅更改默认属性，不会更改“live”属性（从 jQuery 1.6 开始）。您需要改用该.prop()方法。