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

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