使用jquery根据文本将按钮更改为图像？

Question

我的在线商店有一个结帐页面，其中一个字段是折扣优惠券代码，旁边是“更新总计”按钮。下一栏显示折扣。

           ---------------    ——————————————
enter code:|             |    |update total|         - $0.00
           ---------------    ——————————————

当用户输入正确的代码并按下更新时，页面会以正确的折扣金额再次加载：

           ---------------    ——————————————
enter code:| 1234        |    |update total|         - $10.00
           ---------------    ——————————————

我希望用户看到刻度图像而不是按钮，这样他们就不会感到困惑，再点击更新，如下所示：

           ---------------    
enter code:| 1234        |      tick image           - $10.00
           ---------------    

是否可以使用jquery执行此操作？我想它会检查金额，看它是不是0。 html看起来大致如下：

<td>
 <input type='text' class='couponinput' name='coupon_num' id='coupon_num' value='' />
 <input type='submit' class='update-button' value='Update' />
</td>
 <td class="lastcolumn">
 <span id="coupons_amount" class="pricedisplaycart" style="font-weight:bold; color:black;" >-&#163;0.00</span>
</td>

Answer 1

隐藏它并在其后插入图像（基本上替换它）...

$('input[type=submit]').hide().after('<img src="tickImage.jpg" />");