javascript - 将 Javascript 内联到不显眼的 JavaScript？

Question

我如何将这个内联 javascript 更改为 Unobtrusive JavaScript？

<input type="button" value="Text1" onclick="this.value=this.value=='Text1'?'Text2':'Text1';">

谢谢!

---

感谢您的回答，但它不起作用。我的代码是:

PHP

<input id=\"button1\" type=\"button\" value=\"Text1\">

js文件

document.getElementById('button1').onclick = function(){
    this.value = this.value === 'Text1' ? 'Text2' : 'Text1';
}

或

document.getElementById('button1').addEventListener('click', function () {
    this.value = (this.value === 'Text1') ? 'Text2': 'Text1';
}, false);

我试过你告诉我的一切，但没有奏效! jquery 也没有。

我是不是忘记了什么？

Answer 1

向输入添加一个 id 并执行此操作:

document.getElementById('somebutton').addEventListener('click', function () {
    this.value = (this.value === 'Text1') ? 'Text2': 'Text1';
}, false);

或使用 jQuery

$('#somebutton').on('click', function () {
    this.value = (this.value === 'Text1') ? 'Text2': 'Text1';
});