JQuery: проверьте значение атрибута «Значение» и измените

Question

Я пытаюсь установить значение кнопки при нажатии, чтобы каждый раз менять.Если значение «Принять», установите «Отмена» и наоборот.

В настоящее время у меня есть: $('button').attr({ value:"Accept"}).

Теперь для кнопки устанавливается значение «Принять».Я хочу сделать что-то:

Если значение атрибута = «Принять», сделать его «Отклонить», иначе сделать его «Принять».

Большое спасибо

Answer 1

Вот, пожалуйста:

$( button ).click( function () {
    this.value = this.value === 'Accept' ? 'Decline' : 'Accept';
});

Живая демоверсия: http://jsfiddle.net/kF378/1/

Answer 2

Ответ Симе, вероятно, лучше, но я выложу это для развлечения:

var invert = {
    "Accept": "Decline",
    "Decline": "Accept"
};

$('#foo').click( function () {
    this.value = invert[this.value];
});

JSFiddle

Answer 3

Все, что вам нужно, - это оператор if / then в вашем обработчике кликов, который проверяет текущее состояние кнопки и затем устанавливает его соответствующим образом.

$('button').bind('click', function () {
    var $this = $(this);
    if ($this.attr('value') == 'Accept') {
        $this.attr('value', 'Decline');
    } else {
        $this.attr('value', 'Accept');
    }
});