Как изменить значение кнопки?

Question

<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 ??

Answer 1

Более короткий код -> нет необходимости оборачивать butoons в 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 с идентификатором b1

this.value = 'Pending Request' изменить текст текущего элемента щелкнул ниже значения изменения кода element с идентификатором b1

DEMO

HTML

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

JS

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

Answer 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) 
})