Javascript 在没有id或类的情况下单击更改按钮值

假设我的按钮如下所示：

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

我想要的是，当我单击按钮时，

value=“BLUE”

应更改为

value=“RED”

或我想要的任何内容。

使用方法：

要更改其上一个值，请再次单击：

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

试试这个代码

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

---

由于按钮具有

name=“button\u blue”

属性，请使用

---

工作演示：

首先向按钮添加id-

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

---

我只想创建一个单独的CSS类：

.button{
background-color:red;
}

然后单击添加类：

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

您还可以通过切换类来创建具有“开/关”开关感觉的功能：

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

你好

---

这里的工作链接：

您可以在不使用jQuery的情况下完全解决此问题：

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

---

演示：

如果您想要内联JS，那么简单易懂的解决方案：

我正在这样做。。什么也没发生

/#amenu7是我的按钮id$（“#amenu7”）.on（'click'，function（）{$（this.val（$（this.val（）==”+“？”-“：”+”）}）@MültïThìnkër可能您没有使用正确的选择器。。请参阅演示代码您确实不需要jquery，您只需使用
this
，无需在函数体中再次获取元素
$('#button').on('click',function(){
!$(this).hasClass('ButtonClicked') ? addClass('button') : '';
});

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

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

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