纯JS - 在Onsen 2.0 / Monaca中禁用按钮

时间:2016-01-31 09:31:11

标签: javascript onsen-ui monaca

将Onsen 2.0与Monaca一起使用,我遇到了一个问题,即通过JavaScript而不是Angular将disable属性设置为true。我知道如何使用AngularJS和绑定到变量,但我只需要通过直接JS设置属性,因为这个项目根本没有使用AngularJS。我担心这可能是不可能的。

以下代码不起作用:

<ons-button id="btn">Stop</ons-button>
<ons-button onclick="document.getElementById('myBtn').disabled = true;">Go</ons-button>

编辑:非常感谢Fran再次解决我的问题。对于其他人,因为这只是设置CSS,要禁用按钮:

document.getElementById("myButton").setAttribute('disabled', '');

并在使用setAttribute:

后重新启用它
document.getElementById("myButton").removeAttribute('disabled', '');

1 个答案:

答案 0 :(得分:2)

disabled不是内部变量,它只是用于应用某些CSS的属性。试试document.getElementById('myBtn').setAttribute('disabled', '')