如何將複選框更改爲圖像以刪除元素

我有一個購物車表單，用戶當前可以在他們希望刪除的項目旁邊選中一個框，然後單擊要提交的按鈕。如何將複選框更改爲圖像以刪除元素

我想改變它，以便有一個垃圾桶圖標，而不是點擊圖像本身時刪除相應購物車項目的複選框。

這裏是Jquery的的複選框功能：

function RemoveShoppingCartItem(rcuid, sFormName) 
{ 
var eForm = document.getElementsByName(sFormName)[0]; 
document.getElementById('rcuid').value = rcuid; 
eForm.action += "&Action=REMOVE"; 
eForm.submit(); 
}

而對於複選框代碼：

<input type="checkbox" value="9681" name="rcuid">

但每盒價值的變化。

爲了得到我需要的結果，我需要更改哪些內容？

來源

2014-01-07 laustewa14

不要使用複選框，請使用帶CSS圖像背景的鏈接。將事件處理程序連接到鏈接，然後可以單擊更改CSS類名稱以在函數內交換圖像。

來源

2014-01-07 16:18:29

你有什麼樣的例子嗎？我仍然有點困惑。謝謝你的幫助。 – laustewa14

像這樣的東西：http://stackoverflow.com/questions/18165315/jquery-toggle-images-css –

唯一的問題是，我需要圖像來替換複選框，在任何事情被點擊之前。然後點擊圖片時，應該刪除購物車項目，就像點擊複選框並提交表格一樣。我只是不確定如何保持刪除功能相同，因爲我正在切換輸入類型。 – laustewa14

如何將複選框更改爲圖像以刪除元素

回答

相關問題