禁用複選框使用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/
• 莫非IT連鎖以及:)

使用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"); 
     } 
    }); 
});