Javascript 如何将复选框更改为图像以删除元素

我有一个购物车表单，用户当前可以选中他们想要删除的项目旁边的一个框，然后单击按钮提交

我想更改它，使其成为一个垃圾桶图标，而不是在单击图像本身时删除相应购物车项目的复选框

以下是复选框函数的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">

但每个框的值都会发生变化

---

要得到所需的结果，我到底需要更改什么？

不要使用复选框，使用带有CSS图像背景的链接。将事件处理程序连接到链接，然后您可以在单击时更改CSS类名，以交换函数中的图像。

您有这样一个示例吗？我还是有点困惑。谢谢你的帮助。像这样的：唯一的问题是我需要在点击任何东西之前，立即用图片替换复选框。然后，当单击图像时，购物车项目应该被删除，就像单击复选框并提交表单一样。我只是不确定如何保持删除功能不变，因为我正在切换输入类型。