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>

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