Изменение значения Кнопка на клик без идентификатора или класса

Question

Давайте предположим, что моя кнопка выглядит следующим образом:

<input type="button" value="BLUE" name="button_blue" /> 

То, что я хочу, когда я нажимаю кнопку, value="BLUE" должен быть изменен на value="RED" или все, что я хочу.

Answer 1

Поскольку кнопка имеет name="button_blue" атрибут, используйте Attribute Equals Selector

$('[name=button_blue]').on('click',function(){ 
    $(this).val('RED'); 
}); 

Работа демо: http://jsfiddle.net/dw8kmh3g/

Answer 2

Используйте val() метод:

$('button').on('click',function(){ 
    $(this).val('RED'); 
}); 

Чтобы изменить предыдущее значение по щелчку снова:

$('button').on('click',function(){ 
    $(this).val($(this).val() == 'RED' ? 'BLUE' : 'RED'); 
}); 

Answer 3

попробуйте этот код

$('button').on('click',function(){ 
    $(this).val($(this).val() == "RED" ? "BLUE" : "RED") 
    //OR 
    //this.value = this.value == "RED" ? "BLUE" : "RED"; 
}); 

Answer 4

Сначала добавьте идентификатор к кнопке -

<input type="button" id="myColorButton" value="BLUE" name="button_blue" /> 

Затем добавьте следующий фрагмент кода в скрипте -

document.getElementById("myColorButton").onclick = function() { 
    this.value="RED"; 
}; 

Answer 5

Я бы просто создать отдельный класс CSS:

.button{ 
background-color:red; 
} 

А затем добавить класс по щелчку:

$('#button').on('click',function(){ 
!$(this).hasClass('ButtonClicked') ? addClass('button') : ''; 
}); 

Вы можете также создать возможность иметь «вкл/выкл» выключатель чувствовать переключая класс:

<button id="button">Hello</button> 

здесь работает ссылка : this jsfiddle demo

Answer 6

Вы можете решить эту проблему полностью без JQuery:

<input id='button' type="button" value="BLUE" name="button_blue" /> 

JavaScript:

document.getElementById('button').onclick = function(){ 
    this.value = 'red'; 
}; 

Демо: http://jsfiddle.net/jg1hjk1u/