2014-01-07 2 views
0

У меня есть форма корзины покупок, где пользователь может в настоящее время установить флажок рядом с пунктом, который они хотят удалить, и нажать кнопку для отправки.Как изменить флажок в изображение для удаления элементов

Я хочу изменить его, чтобы вместо значка корзины удалялась соответствующая позиция корзины покупок, когда нажимается изображение.

Вот Jquery для функции CheckBox:

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"> 

Но изменения значений для каждого окна.

Что именно мне нужно изменить, чтобы получить результат, который мне нужен?

ответ

0

Не используйте флажок, используйте ссылку с фоном изображения CSS. Подключите обработчик событий к ссылке, и затем вы можете изменить имена классов CSS, щелкнув, чтобы поменять изображение внутри вашей функции.

+0

У вас есть пример того, как это может выглядеть? Я все еще немного смущен. Спасибо за вашу помощь. – laustewa14

+0

Что-то вроде этого: http://stackoverflow.com/questions/18165315/jquery-toggle-images-css –

+0

Единственная проблема с этим - мне нужно изображение, чтобы заменить этот флажок, прежде чем что-либо щелкнуть. Затем, когда нажимается изображение, элемент корзины должен быть удален так же, как если бы был установлен флажок и отправлена ​​форма. Я просто не уверен, как сохранить функцию удаления одинаковой, поскольку я переключаю типы ввода. – laustewa14

Смежные вопросы