检查复选框时如何禁用文本框

Question

我试图关注教科书，但是当我点击复选框时，结果不会禁用我网站中的文本框

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

<script type="text/javascript">
    $(document).ready(function()    {
        $("#billingAdd").click(function()   {
            if ($("#billingAdd").attr("checked") == "checked")  {
                $(".baddr").val("");
                $(".baddr").attr("disabled","disabled");
            } else if ($("#billingAdd").attr("checked") == undefined) {
                $(".baddr").removeAttr("disabled");
            }
        });
    });
</script>

Answer 1

你可以这样做（你应该使用prop()，而不是attr() / removeAttr()）：

$(document).ready(function()    {
    $("#billingAdd").click(function() {
        if (this.checked)  {
           $(".baddr").val("");
        }
        $(".baddr").prop("disabled", this.checked);
    });
});

jsFiddle here