亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

單獨禁用按鈕

單獨禁用按鈕

千萬里不及你 2023-04-27 16:16:46
如圖所示我想要如果單擊按鈕 1,則按鈕 2 被禁用如果單擊 button3,則 button4 被禁用我之所以使用 class 和 $this 是因為我不希望按鈕發生沖突。否則我會使用 ID 標簽,所以我想要一些東西,如果我有多個按鈕,它們如何在不沖突的情況下工作$(function() {  $('#container').on('click', '.btn-checkout', function(e) {    $(this).html('proccesing order');    $(this).attr("disabled", true);    $('.button2') = $(this).attr("disabled", true);  });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><form method="POST">  <div id="container">    <h3>this area is alone</h3>    <button type="button" class="btn-checkout">button1</button>    <button type="button" class='button2'>button2</button>    <h3>this area is alone</h3>    <button type="button" class="btn-checkout">button3</button>    <button type="button" class="button2">button4</button></form>
查看完整描述

2 回答

?
明月笑刀無情

TA貢獻1828條經驗 獲得超4個贊

用于.next()引用下一個元素。


$(function() {

  $('#container').on('click', '.btn-checkout', function(e) {

    $(this).html('proccesing order');

    $(this).attr("disabled", true);

    $(this).next("button").attr("disabled", true);

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<form method="POST">

  <div id="container">

    <h3>this area is alone</h3>

    <button type="button" class="btn-checkout">button1</button>

    <button type="button" class='button2'>button2</button>


    <h3>this area is alone</h3>

    <button type="button" class="btn-checkout">button3</button>

    <button type="button" class="button2">button4</button>

</form>


查看完整回答
反對 回復 2023-04-27
?
天涯盡頭無女友

TA貢獻1831條經驗 獲得超9個贊

那 ??


const myForm = document.forms.container


myForm.addEventListener('click', myFunction, false) 


function myFunction(evt)  

  {

  // ignore other cases:

  if (!evt.target.matches('button.btn-checkout')) return 

  evt.target.nextElementSibling.disabled = true

  }


 // disable submit

myForm.onsubmit =evt=>evt.preventDefault() 

<form method="POST" name="container">


    <h3>this area is alone</h3>

    <button type="button" class="btn-checkout">button1</button>

    <button type="button" class='button2'>button2</button>


    <h3>this area is alone</h3>

    <button type="button" class="btn-checkout">button3</button>

    <button type="button" class="button2">button4</button>


</form>


查看完整回答
反對 回復 2023-04-27
  • 2 回答
  • 0 關注
  • 130 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號