小编典典

如何在 jQuery 中更改按钮的文本?

all

如何在 jQuery
中更改按钮的文本值?目前,我的按钮将“添加”作为其文本值,单击后我希望将其更改为“保存”。我在下面尝试过这种方法,但到目前为止没有成功:

$("#btnAddProfile").attr('value', 'Save');

阅读 80

收藏
2022-03-06

共1个答案

小编典典

取决于您使用的按钮类型

<input type='button' value='Add' id='btnAddProfile'>
$("#btnAddProfile").attr('value', 'Save'); //versions older than 1.6

<input type='button' value='Add' id='btnAddProfile'>
$("#btnAddProfile").prop('value', 'Save'); //versions newer than 1.6

<!-- Different button types-->

<button id='btnAddProfile' type='button'>Add</button>
$("#btnAddProfile").html('Save');

您的按钮也可以是一个链接。您需要发布一些 HTML 以获得更具体的答案。

编辑 :当然,假设您已将其包装在.click()电话中,这些将起作用

编辑2 :较新的jQuery版本(从> 1.6)使用.prop而不是.attr

编辑 3 :如果您使用的是 jQuery UI,则需要使用 DaveUK的方法来调整 text 属性

2022-03-06