正如標題所說，如果我同時單擊兩個按鈕，它們會從“添加”變為“更新”，但如果我單擊完全相同的按鈕，它們又會變回來。
我的意圖是，如果單擊來自“添加”的編輯按鈕，則目標其他按鈕從“添加”切換到“更新”，如果我再次單擊它，它需要保持“更新”狀態。
添加按鈕和功能：
<button id="createNewCategory" type="submit" class="btn btn-outline-secondary" data-toggle="modal" data-target="#categoryModal"><i class="fas fa-plus-circle " aria-hidden="true"></i> New Category</button>
$(document).on('click', '#createNewCategory', function(){
$("#save_button_span").html($("#save_button_span").html() === " Update" ? " Add" : " Update");
});
更新按鈕和功能：
<button type="button" class="btn btn-primary save"><i class="fas fa-save" aria-hidden="true"></i><span id="save_button_span"> Add</span></button>
$(document).on('click','.edit_group',function () {
$("#save_button_span").html($("#save_button_span").html() === " Add" ? " Update" : " Add");
});
為了解決我的問題，我在我的兩個條件中做了什么改變？
$("#save_button_span").html($("#save_button_span").html() === " Update" ? " Add" : " Update");
螢屏截圖，我在這兩種情況下都點擊了“新類別”，如果我這樣做，按鈕需要保持為“添加”。
uj5u.com熱心網友回復：
你做的事情太復雜了。您正在使用您甚至不需要的邏輯。剛剛將您的代碼更改為：
添加按鈕和功能：
<button type="button" class="btn btn-primary save"><i class="fas fa-save" aria-hidden="true"></i><span id="save_button_span"> Add</span></button>
$(document).on('click','.edit_group',function () {
$("#save_button_span").text('Add');
});
更新按鈕和功能：
<button type="button" class="btn btn-primary save"><i class="fas fa-save" aria-hidden="true"></i><span id="save_button_span"> Add</span></button>
$(document).on('click','.edit_group',function () {
$("#save_button_span").text('Update');
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/359732.html
上一篇：用另一個替換字串中的一對字符