首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用onclick函数更改按钮值

使用onclick函数更改按钮值
EN

Stack Overflow用户
提问于 2018-08-23 03:25:26
回答 2查看 46关注 0票数 -1

我正在尝试使用onclick函数更改输入按钮的值,但无论我做什么,似乎都不能让它工作,而且我在这里找到的答案似乎都没有帮助。

代码语言:javascript
复制
function button() {
  var btn = document.getElementById("tz");
  if (btn.value == "UTC") {
    btn.value = "Local time";
  } else {
    btn.value = "UTC";
  }
}
代码语言:javascript
复制
<input type="button" id="tz" onclick="button()" value="UTC">

EN

回答 2

Stack Overflow用户

发布于 2018-08-23 04:04:21

这是一个.value和.innerHTML的案例...您正在更改.value (并且可以正常工作),但是您并没有同时更新button.innerHTML (一个标签...不是值).

代码语言:javascript
复制
<script>
function changeValue(button) {
  console.log('The original value of the button is: ', button.value, ' and the innerHTML is: ', button.innerHTML);
  if (button.value == "UTC") {
    button.value = "Local time";
    console.log('Now the value has changed to: ', button.value, ' but the innerHTML has not: ', button.innerHTML);
    button.innerHTML = "Local time";
    console.log('The new value of the button is still: ', button.value, ' but now the innerHTML is also changed: ', button.innerHTML);
  } 
}

代码语言:javascript
复制
<button id="tz" type="button" value="UTC" onClick="changeValue(this);" name="button">UTC</button>  
票数 0
EN

Stack Overflow用户

发布于 2018-08-23 04:15:49

对我来说起作用的是利用事件绑定。使用Tyler Roper的建议,我所要做的就是为按钮函数添加一个事件侦听器,并完全省略内联onclick事件。

代码语言:javascript
复制
var btn = document.getElementById("tz");

function button() {
  if (btn.value == "UTC") {
    btn.value = "Local time";
  } else {
    btn.value = "UTC";
  }
}

btn.addEventListener("click", button, false);
代码语言:javascript
复制
<input type="button" id="tz" value="UTC"></input>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51973822

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档