2

私が参照しているフォームを表示するには、 http：//www.pazzle.co.uk/index.php？main_page = product_info＆cPath = 6_1＆products_id= 3にアクセスしてください。

それをカートに追加して、チェックアウトを押してください。

ご覧のとおり、チェックボックスがオンになっているときに、チェックボックスの下のフィールドを無効にしようとしています（配送の詳細のみ）。これどうやってするの？

申し訳ありませんが、コードが大きすぎるため、コードを直接コピーすることはできません。

4

1 に答える 1

0

ページの 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>

基本的に、そのチェックボックスをクリックすると、すべての入力フィールドの無効化属性が無効に設定されます。ボックスが無効になっているリモートのチェックボックスをオフにすると、属性が無効になります。

于 2012-10-03T17:59:59.280 に答える