javascript - 使用 jquery 禁用复选框不起作用

Question

我正在阅读一本关于 Jquery 的书，遇到了一个练习，但它不起作用，检查了 stackoverflow 上的一些相关问题并与我到目前为止所做的进行交叉检查，它几乎相同，但我的不起作用，有人可以提供解决方案吗？这是代码:

<form action="#">
Billing Address same as Shipping Address:
<input type="checkbox" name="billingAddress" id="billingAddress" />
<br />
<br />
Street Address:
<input class="baddr" type="text" name="street" id="street" />
<br />
<br />
City:
<input class="baddr" type="text" name="city" id="city" />
</form>

<script type="text/jscript">
$(document).ready(function() {
    $("#billingAddress").click(function() {
        if ($("#billingAddress").attr("checked") == true) {
            alert("Id billingAddress is checked!");
            $(".baddr").val("");
            $(".baddr").attr('disabled', 'disabled');   
        } else if ($("#billingAddress").attr("checked") == undefined) {
            $(".baddr").removeAttr("disabled"); 
        }
    });
});
</script>

Answer 1

工作演示:有很多方法，其中之一是:http://jsfiddle.net/J9vWu/

• 可以使用这个:http://api.jquery.com/checked-selector/
• 也可以链接它:)

使用this并链接一些东西的另一个版本:http://jsfiddle.net/z9xjB/或http://jsfiddle.net/NzEjK/

代码

$(document).ready(function () {
    $("#billingAddress").click(function () {
        if ($("#billingAddress").prop("checked")) {
            alert("Id billingAddress is checked!");
            $(".baddr").val("");
            $(".baddr").prop('disabled', 'disabled');
        } else if ($("#billingAddress").prop("checked") == undefined) {
            $(".baddr").removeAttr("disabled");
        }
    });
});

或者

$(document).ready(function () {
    $("#billingAddress").click(function () {
        if ($(this).prop("checked")) {
            alert("Id billingAddress is checked!");
            $(".baddr").val("").prop('disabled', 'disabled');;
        } else if ($(this).prop("checked") == undefined) {
            $(".baddr").removeAttr("disabled");
        }
    });
});