Question

我想使用jQuery禁用anchor标签内的图像按钮。我的要求是，在填写所有表单字段之前应该禁用该按钮。

ROOTDIR.'/test/Test.php'

我尝试了以下方式，但没有运气

<form name="signupFrm" id="signupFrm">
 <input type="text" />
 <a href ="javascript:void(0)" class="btnspc1 continueBtn submit"> <img src="images/continue-button.png" alt="jio money"/></a>
</form>

Answer 1

要使按钮处于禁用状态，您可以使用此CSS：

.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

然后将样式应用于您的按钮，如下所示：

$('a.submit img').addClass("disabled");

并将其删除：

$('a.submit img').removeClass("disabled");

演示：JSBin

Answer 2

img没有直接禁用选项，你应该用2个图像编程，1个带有灰色的颜色，另一个用鲜艳的颜色你应该对click事件进行编程以返回false并像那样

来阻止undefault（）

重复：Gray out image with CSS?

重复：How can I disable the color of an image using css?

重复：How do you make an anchor link non-clickable or disabled?

在填充所有字段之前，jQuery禁用继续按钮

2 个答案: