更改提交图像时提交按钮的不透明度

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'); 
     }); 
});