Javascript 阻止单选按钮工作

Question

我认为这很简单，但我不明白为什么无法点击#type2。

<input type="radio" id="type1" name="group1" checked>

<input type="radio" id="type2" name="group1">

<input type="text" class="type1">

<input type="text" class="type2" disabled>

<script>

function toggle() {
    if ($('#type1').attr('checked', true)) {
        $('.type1').attr('disabled', false);
        $('.type2').attr('disabled', true);
    }
    else if ($('#type2').attr('checked', true)) {
        $('.type1').attr('disabled', true);
        $('.type2').attr('disabled', false);
    }
}

$(document).ready(function() {
    toggle();
});

</script>

我看不出问题出在哪里。任何帮助都会很棒，谢谢。

Answer 1

尝试:

function toggle() {
    if ($('#type1').is(':checked')) {
        $('.type1').attr('disabled', false);
        $('.type2').attr('disabled', true);
    }
    else if ($('#type2').is(':checked')) {
        $('.type1').attr('disabled', true);
        $('.type2').attr('disabled', false);
    }
}

示例: http://jsfiddle.net/andrewwhitaker/z5Wbv/1/

.attr的版本您使用的是设置 #type1 的checked 属性为true。您可以使用is ，与 :checked selector确定是否选中复选框/单选按钮。