更改按钮值，而ID或

-1

类

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

我想，当我按一下按钮，value="BLUE"应改为value="RED"或任何我想做的。

来源

2014-11-21 Talha Habib

如果想直列JS易于理解的溶液：'' – Nick 2014-11-21 12:51:38

由于按钮具有name="button_blue"属性，使用Attribute Equals Selector

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

工作演示：http://jsfiddle.net/dw8kmh3g/

来源

2014-11-21 12:50:52 ekad

使用val()方法：

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

要改变它在点击前值再次：

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

来源

2014-11-21 12:43:26

不能正常工作。 – 2014-11-21 12:47:11

忘了使用$（this）.val（），检查更新.. – 2014-11-21 12:52:46

你真的不需要jquery这个 – 2014-11-21 12:53:55

试试这个代码

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

来源

2014-11-21 12:50:28 Girish

我正在这样做..没有任何事情发生 '//＃amenu7是我的按钮ID .. $ （“＃amenu7”）。on（'click'，function（）{ }（this）.val（$（this）.val（）==“+”？“ - ”：“+”） } ）;' – 2014-11-21 12:53:16

@MültïThìnkë[email protected]ültïThìnkërhere working link：'http：// jsfiddle.net/edVaS/111 /' – 2014-11-21 12:56:04

@MültïThìnkër可能您还没有使用过正确的选择器..请参阅演示代码http://jsfiddle.net/edVaS/112/ – Girish 2014-11-21 13:02:43

首先添加一个ID按钮 -

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

然后将下面的代码添加到您的脚本 -

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

来源

2014-11-21 12:51:44 Tushar

您可以使用'this'并且不需要再次在函数体中获取元素 – 2014-11-21 12:54:46

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

.button{ 
background-color:red; 
}

，然后添加上单击类：

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

您还可以创建有一个“ON/OFF”开关通过切换类感知的能力：

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

在这里工作的链接：this jsfiddle demo

来源

2014-11-21 12:52:33

您可以完全解决这个问题没有jQuery的：

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

的javascript：

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

演示：http://jsfiddle.net/jg1hjk1u/

来源

2014-11-21 12:53:31

更改按钮值，而ID或

回答

相关问题