更改提交圖像時提交按鈕的不透明度

Question

我有一個名稱參數爲name="checkout_confirmation"的表單和一個帶有input type="image" class="confirm_opacity"的提交按鈕。

當用戶點擊這個按鈕提交，我想對按鈕的CSS透明度改變：

$('form'namehere input[submit]').css(opacity: .2) 

或

$("input[type=submit]").click(function(){ 
    $(".confirm_opacity").css({"opacity": ".2"}); 
}); 

這些不工作，雖然。爲什麼？

Answer 1

首先檢查，包括jQuery的

$('form[name="checkout_confirmation"]').on('submit',function(e){ 
    e.preventDefault(); 
    $(this).find(".confirm_opacity").css({"opacity": ".2"}); 
}); 

DEMO

和你的代碼，你說與輸入提交按鈕，所以你需要改變輸入按鈕

$("button[type=submit]").click(function(e){ 
    e.preventDefault(); 
    $(this).find(".confirm_opacity").css({"opacity": ".2"}); 
}); 

DEMO

如果你想得到的效果，然後讓表單提交

$('form[name="checkout_confirmation"]').on('submit',function(e){ 
     var ThisIt = $(this); 
     e.preventDefault(); 
     ThisIt.find(".confirm_opacity").animate({"opacity": ".2"}, 5000 , function(){ 
     window.location.href = window.location.href + ThisIt.attr('action'); 
     }); 
});