使用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" />");