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

Question

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

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

您看到的那个表格，我试图在选中时禁用复选框下方的字段(仅限运输详细信息)。我该怎么做？

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

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>

基本上，当单击该复选框时，将所有输入字段的禁用属性设置为禁用。当复选框取消选中 remote disabled 属性时。