कैसे निष्क्रिय करने के लिए सभी अन्य लिंक में एक div पर क्लिक करें की एक कड़ी में div का उपयोग कर जावास्क्रिप्ट [नकल]

Question 1

मैं नया हूँ करने के लिए जावास्क्रिप्ट. मैं इच्छा के लिए अक्षम अन्य सभी लिंक में एक div पर क्लिक करें की एक कड़ी में div. अगर मैं क्लिक करें किसी भी लिंक है कि div, अन्य लिंक में है कि div को निष्क्रिय करना चाहिए और unclickable.

इस कोड नहीं है, लिंक बनाने unclickable पर क्लिक करके किसी भी बटन . अगर किसी भी लिंक पर क्लिक किया है, अन्य लिंक में है कि div को निष्क्रिय करना चाहिए और unclickable. उदाहरण के लिए, स्वीकार अगर लिंक क्लिक किया जाता है, लिंक स्वीकार करते हैं, गिरावट और काउंटर की पेशकश लिंक होना चाहिए unclickable और अक्षम.

आउटपुट

function disableButton() {
  document.querySelector("#notify-div a").removeAttribute("href");

}

<div id="notify-div">
  user_name has requested a bid price of bid for quantity of qty for mileage mileage_name of truck truck_name.
  <br> <a href='/truckianAccept/".$lastId."' id='accept' class='btn btn-primary' onclick='disableButton();'>Accept </a>
  <a href='/truckianDecline/".$lastId."' id='decline' class='btn btn-primary' onclick='disableButton();'>Decline </a> <a href='/wstCounterOffer/".$lastId."' id='counter' class='btn btn-primary' onclick='disableButton();'>Counter Offer </a>";
</div>

Question 2

को हटाने के बजाय href, आप सेट के साथ एक वर्ग को दर्शाता सूचक घटनाओं में सीएसएस.

function disableButtons() {
  const links = document.querySelectorAll("#notify-div a");

  links.forEach(function(link) {
    link.classList.add('disabled');
  });
}

सीएसएस:

.disabled {
  pointer-events: none;
}

कृपया ध्यान दें, कि href और onClick काम नहीं करेगा एक साथ. आप पारित करना चाहिए एक विशिष्ट कार्य करने के लिए प्रत्येक लिंक संभालती है कि कार्यक्षमता को निष्क्रिय करता है और बटन के बाद.

HDinger · Answer 1 · 2021-11-17T07:06:40

1

को हटाने के बजाय href, आप सेट के साथ एक वर्ग को दर्शाता सूचक घटनाओं में सीएसएस.

function disableButtons() {
  const links = document.querySelectorAll("#notify-div a");

  links.forEach(function(link) {
    link.classList.add('disabled');
  });
}

सीएसएस:

.disabled {
  pointer-events: none;
}

कृपया ध्यान दें, कि href और onClick काम नहीं करेगा एक साथ. आप पारित करना चाहिए एक विशिष्ट कार्य करने के लिए प्रत्येक लिंक संभालती है कि कार्यक्षमता को निष्क्रिय करता है और बटन के बाद.

HDinger

2021-11-17 07:06:40

काम नहीं कर रहा है , बटन अक्षम नहीं है, के बाद इस कोड को निष्पादित करता है

Binsha

क्या काम नहीं कर रहा है? समाधान रोकता है किसी भी कोड निष्पादित किया जा रहा से जब आप लिंक पर क्लिक करें है, जो "निष्क्रिय" परिभाषा के द्वारा. यदि आप चाहते हैं लिंक के लिए अलग लग रही है, निश्चित रूप से आप को बदलने के लिए है स्टाइल । कैसे करने के लिए है कि यह भी समझाया में पहले से ही जुड़ा हुआ है का जवाब. याद रखें कि आप का उपयोग नहीं कर सकते href और onclick एक साथ.

HDinger

तो जो समारोह के साथ किया जा सकता href?

Binsha

कोई नहीं. आप या तो उपयोग href विशेषता के लिए एक यूआरएल पर पुनर्निर्देशित या onClick को क्रियान्वित करने के लिए तार्किक कदम है. आपके मामले में, आप की जरूरत का उपयोग करने के लिए onClick. समारोह में है कि आप के पास, आप पहली बार निष्पादित तर्क बटन से जुड़ा है और बाद में कॉल समारोह को निष्क्रिय करने के लिए अन्य बटन ।

HDinger

<a href='/truckianAccept/".$lastId."' आईडी='स्वीकार' वर्ग='btn btn-प्राथमिक' onclick='disableButton();'>स्वीकार करें </a> । यह सही तरीके से बुला रहा है?

Binsha

<एक आईडी='स्वीकार' वर्ग='btn btn-प्राथमिक' onclick='executeStuffAndDisableButton();'>स्वीकार करें </a>

HDinger

क्यों इस समारोह में 'executeStuffAndDisableButton();'?

Binsha

क्योंकि तुम नहीं कर सकते में डाल दिया href के साथ एक साथ onclick. इसके बजाय आप सब कुछ करना है, समारोह के अंदर से गुजरती हैं: अक्षम बटन के रूप में अच्छी तरह के रूप में वास्तविक तर्क

HDinger

कैसे निष्क्रिय करने के लिए सभी अन्य लिंक में एक div पर क्लिक करें की एक कड़ी में div का उपयोग कर जावास्क्रिप्ट [नकल]

सवाल

सबसे अच्छा जवाब

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में