第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在單擊其中一個提交按鈕時禁用兩個提交按鈕

如何在單擊其中一個提交按鈕時禁用兩個提交按鈕

C#
蝴蝶不菲 2023-09-09 17:29:30
我的 cshtml 文件中有兩個提交按鈕。<button type="submit" name="SubmitButton" value="accept" id="buttonAccept">Accept</button> <button type="submit" name="SubmitButton" value="refuse" id="buttonRefuse"Refuse</button>我試圖在單擊這兩個按鈕之一時禁用它們。有辦法這樣做嗎?
查看完整描述

4 回答

?
達令說

TA貢獻1821條經(jīng)驗 獲得超6個贊

你可以使用javascript(尤其是jQuery)來達到你的目的。


但是,實際上,當您提交表單時,這意味著您的表單已發(fā)送到服務(wù)器并返回視圖的新結(jié)果,因此接下來的步驟將在后端發(fā)生,您的后端將負責以您的方式呈現(xiàn)結(jié)果想。


$('#buttonAccept').on("click",function() {

  $('#buttonRefuse').attr("disabled", "disabled");

});


$('#buttonRefuse').on("click",function() {

  $('#buttonAccept').attr("disabled", "disabled");

});


查看完整回答
反對 回復(fù) 2023-09-09
?
翻翻過去那場雪

TA貢獻2065條經(jīng)驗 獲得超14個贊

這應(yīng)該可以做到:

document.getElementsByName("SubmitButton")[0].disabled = true;
document.getElementsByName("SubmitButton")[1].disabled = true;

但我不會直接使用索引。


查看完整回答
反對 回復(fù) 2023-09-09
?
繁星coding

TA貢獻1797條經(jīng)驗 獲得超4個贊

jquery如果您的頁面沒有,請先添加


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">

然后像這樣添加點擊事件


<button type="submit" name="SubmitButton" value="accept" id="buttonAccept" onclick="EnableDisable()">Accept</button>  

<button type="submit" name="SubmitButton" value="refuse" id="buttonRefuse" onclick="EnableDisable()">Refuse</button>

然后你可以像這樣禁用submit button其中任何一個click event


function EnableDisable() {

  $(':input[type="submit"]').prop('disabled', true);

}


查看完整回答
反對 回復(fù) 2023-09-09
?
德瑪西亞99

TA貢獻1770條經(jīng)驗 獲得超3個贊

您可以對這兩個按鈕使用類似的代碼。onClick在一個按鈕上禁用另一個按鈕,依此類推。


<button type="submit" name="SubmitButton" value="accept" id="buttonAccept" onclick="return foo();">Accept</button>


function foo() {

   document.getElementById("buttonAccept").disabled = true;

   document.getElementById("buttonRefuse").disabled = true;

   return true;

}


查看完整回答
反對 回復(fù) 2023-09-09
  • 4 回答
  • 0 關(guān)注
  • 191 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號