-4 
<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 中更改它？

4

2 回答 2

0

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

新的更短的演示

$('.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 中

更新的演示

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'更改在下面的代码中单击的当前元素的文本elementwith id更改值b1

演示

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');
});
于 2013-08-14T09:51:26.213 回答
0

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

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)
})
于 2013-08-14T09:53:48.520 回答