电话按钮更改按钮值onclick

Question

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

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

我想捕获click事件以更改按钮的值

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

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

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

提前致谢

Answer 1

要更新jQuery Mobile按钮小部件的文本，您可以使用jQuery Mobile公开的.button()方法。这很有用，因为不同类型的按钮（<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');
快乐编码!!