Question

为了查看我所指的表格，请转到 http://www.pazzle.co.uk/index.php?main_page=product_info&cPath=6_1&products_id=3

只需将其添加到购物车，然后按结帐。

您看到的那个表单，我正在尝试禁用复选框下面的字段（仅限发货详细信息）。我怎么能这样做？

抱歉，我无法直接复制代码，因为它太大了。

Answer 1

您需要在页面上编辑javascript。

翻转复选框几次，你会看到它正常工作

<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。取消选中该框时，禁用该属性。

选中复选框时禁用表单字段

1 个答案: