選中復選框時禁用表單字段

Question

為了查看我指的表格，請訪問http://www.pazzle.co.uk/index.php?main_page=product_info&cPath=6_1&products_id=3

只需將其添加到購物車，然后按Checkout。

您看到的是該表格，我試圖在選中該復選框下方的字段時將其禁用（僅適用於運送詳細信息）。 我怎樣才能做到這一點？

抱歉，由於代碼太大，我無法直接復制代碼。

Answer 1

您需要在頁面上編輯javascript。

http://jsfiddle.net/CPjpt/5/

翻轉復選框幾次，您會看到它正常工作

<script type="text/javascript">
$(document).ready(function(){
//Initalize
    if($("#shippingAddress-checkbox").attr("checked") == "checked")
    {
        $("#shippingField input:not(#shippingAddress-checkbox), #shippingField select").attr("disabled", "disabled");
    }
    else
    {
        $("#shippingField input:not(#shippingAddress-checkbox), #shippingField select").removeAttr("disabled");               
    }

    //Setup action
    $("#shippingAddress-checkbox").click(function(){
       if($(this).attr("checked") == "checked")
       {
           $("#shippingField input:not(#shippingAddress-checkbox), #shippingField select").attr("disabled", "disabled");
       }
       else
       {
           $("#shippingField input:not(#shippingAddress-checkbox), #shippingField select").removeAttr("disabled");               
       }
    });​
});
</script>

基本上，當單擊該復選框時，將所有輸入字段設置為disabled屬性等於disabled。 取消選中“遠程”復選框時，禁用屬性。