Форум Сайтостроение Веб-строительство

Как с помощью JS заменить текст кнопки

Yurecm
На сайте с 25.02.2007
Offline
233
Yurecm
5815 

<input type="button" class="item_add" value="Добавить в корзину" onclick="this.innerHTML='sdfsdf'" />

Пробую так не выходит!

Еще нужно заменить при нажатии цвет фона кнопки и цвет текста!

Станислав
На сайте с 27.12.2009
Offline
258
Станислав
#1 


в CSS для фона при нажатии

.item_add.red {

    background: red;

}



JS для смены текста и установки класса стилей

$('.item_add').on('click', function(){

    var sbmt = $(this);

    sbmt.val("новый текст").addClass("red");

});
Мы там, где рады нас видеть.
R
На сайте с 18.12.2009
Offline
92
rerighter
#2

ТС не указал, используется ли jQuery. Я бы не стал подключать библиотеку только для смены цвета и текста на кнопке.

http://jsfiddle.net/30hegffa/1/


<input type="button" class="item_add" value="Добавить в корзину" onclick="this.value = 'sdsfsdfds'; this.style.color = 'red'" />
Станислав
На сайте с 27.12.2009
Offline
258
Станислав
#3

Так то да, но сегодня НЕ юзать jQuery просто не реально =)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий