如何更改按钮值？ [关闭]答案

【问题标题】：How to change button value? [closed]如何更改按钮值？ [关闭]
【发布时间】：2013-08-14 22:08:55
【问题描述】：

<input onclick="getInvitevalue(__id__, this)" type="button" value="Invite" name="InviteTeacher" class="InviteTeacher" id= "InviteTeacher"/>

<input onclick="getCancelvalue(__id__, InviteTeacher)" type="button" value="Cancel" name="Cancel" class="Cancel" id= "Cancel"/>function getInvitevalue(idValue,invite){var field1 = idValue;
$.ajax({  url: "inviteteacher.php",  type: "POST",  data: ({name: field1}),}).done(function() {
if(invite.value = 'Invite')
invite.value = 'Pending Request';});}function getCancelvalue(idValue,cancel){var field2 = idValue;
$.ajax({  url: "inviteteacher.php",  type: "POST",  data: ({name: field2}),}).done(function() { 
if(cancel.value = 'Pending Request')
cancel.value = 'Invite';});}

这里是用于显示动态值的 onclick id。参考我的代码并说我如何在 boonex-Dolphin 中更改它？？

【问题讨论】：

当然，到目前为止您尝试了什么？..您可以将您的代码发布到小提琴中吗？
哪种类型的按钮？请为按钮添加 HTML 标记？
所以你什么都没试过？？
试试这个 $( ".invite").click(function(){ $(".invite").val("待处理请求"); }); $(".cancel").click(function(){ $(".invite").val("Invite"); });
@EswaraReddy 这不是评论，请不要用评论回答问题。

标签： jquery html ajax boonex-dolphin

【解决方案1】：

更短的代码--> 不需要在 div 中包装按钮

new shorter DEMO

$('.b2').attr('disabled', true);
$('.b1').click(function () {
    this.value = 'Pending Request';
    $(this).next('.b2').removeAttr('disabled');
});
$('.b2').click(function () {
    $(this).attr('disabled', true).prev('.b1').val('Invite');
});

现在为按钮使用类，按钮被包裹在 div 中

Updated Demo

HTML

<div>
    <input type="button" class="b1" value="Invite" />
    <input type="button" class="b2" value="Cancel" />
</div>

$('.b2').attr('disabled', true);
$('.b1').click(function () {
    this.value = 'Pending Request';
    $(this).parents('div').find('.b2').removeAttr('disabled');
});
$('.b2').click(function () {
    $(this).attr('disabled', true).parents('div').find('.b1').val('Invite');
});

$('#b1') 指的是element，id 为b1

this.value = 'Pending Request' 更改下面代码中单击的当前元素的文本 element 的值更改为 id b1

DEMO

HTML

<input type="button" id="b1" value="Invite" />
<input type="button" id="b2" value="Cancel" />

$('#b1').click(function () {
    this.value = 'Pending Request';
});
$('#b2').click(function () {
    $('#b1').val('Invite');
});

【讨论】：

它只适用于第一个成员。下一个呢？？
等待您的回复..
@ManiamuthaKrish 你是什么意思只为第一个成员工作？？
我已经列出了成员。邀请，取消按钮显示在每个成员中，如 Facebook。
查看我的编码。ID 是从数据库中获取的。由于使用了“this”，邀请按钮对所有成员都可以正常工作。但取消按钮不适用于所有成员。

【解决方案2】：

这是一个jsFiddle demo，我还设置了取消按钮在没有请求运行时禁用等等。

HTML：

<button id="btn_start_request">Invite</button>
<button id="btn_cancel_request">Cancel</button>

JS：

function startRequest() {
    $("#btn_start_request").text("Pending request ..").attr("disabled", true)
    $("#btn_cancel_request").attr("disabled", false)

    // start request here
}
function cancelRequest() {
    $("#btn_start_request").text("Invite").attr("disabled", false)
    $("#btn_cancel_request").bind("click", cancelRequest).attr("disabled", true)

    // cancel request here
}

$(function() {
    $("#btn_start_request").bind("click", startRequest)
    $("#btn_cancel_request").bind("click", cancelRequest).attr("disabled", true)
})

【讨论】：