javascript - Phonegap 更改按钮值 onclick

Question

我正在使用 phonegap 并有一些像这样的按钮：

<input id="my_button" type="button" onclick="my_function();"/>

我想捕捉点击事件来改变按钮的值，

my_function () {
    alert('42');
    document.getElementById('my_button').value = 'foo bar baz';
}

当我在手机中测试该代码时，会显示警报，但按钮值保持不变......

PD：我也在使用jquery mobile，不知道这是否会有所不同。

提前致谢

Answer 1

要更新 jQuery Mobile 按钮小部件的文本，您可以使用.button()jQuery Mobile 公开的方法。这很有帮助，因为不同类型的按钮 ( <a/ >/ <input />/ <button />) 需要以不同方式更新。

这是一个例子：

my_function () {
    $("#my_button").val("foo bar baz").button("refresh");
}

文档：http: //jquerymobile.com/demos/1.1.1/docs/buttons/buttons-methods.html

这是一个演示：http: //jsfiddle.net/4YPHe/

Answer 2

您还可以使用jquery的attr方法。 例如： 快乐编码！
$("#my_button").attr('value','you_can_change_your_value_here');