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

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