स्क्रिप्ट?

Question

मुझे आश्चर्य है कि किसी स्क्रिप्ट के लिए किसी भी प्रकार के टॉगल बटन के साथ पृष्ठ पर सभी इनपुट तत्वों को सक्षम/अक्षम करना संभव है।

मैं इसे googled लेकिन कुछ भी इस के अलावा भी उपयोगी नहीं मिला:

http://www.codetoad.com/javascript/enable_disable_form_element.asp लेकिन मैं कैसे टॉगल के लिए इसे संपादित करने के यकीन नहीं है।

Answer 1

एक काम कर उदाहरण:।

$().ready(function() { 
 

 

 
    $('#clicker').click(function() { 
 
     $('input').each(function() { 
 
      if ($(this).attr('disabled')) { 
 
       $(this).removeAttr('disabled'); 
 
      } 
 
      else { 
 
       $(this).attr({ 
 
        'disabled': 'disabled' 
 
       }); 
 
      } 
 
     }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
 
<input type='text'></input> 
 
<input type='text'></input> 
 
<input type='text'></input> 
 

 

 
<div id='clicker' style='background-color:#FF0000; height:40px; width:100px;'></div>

Answer 2

इस तरह काम करेगा:

var inputs=document.getElementsByTagName('input'); 
for(i=0;i<inputs.length;i++){ 
    inputs[i].disabled=true; 
} 

Answer 3

for (var i = 0; i < document.getElementyByTagName('input').length; i++) { 
    document.getElementsByTagName('input')[i].disabled = 'disabled'; 
} 

Answer 4

यहाँ पृष्ठ पर सभी आदानों टॉगल करने के लिए एक समारोह है:

function toggle_inputs() { 
    var inputs = document.getElementsByTagName('input'); 
    for (var i = inputs.length, n = 0; n < i; n++) { 
     inputs[n].disabled = !inputs[n].disabled; 
    } 
} 

यह logical NOT operator (विस्मयादिबोधक बिंदु) का उपयोग कर काम करता है , जो ऑपरेंड के विपरीत देता है। उदाहरण के लिए, !truefalse वापस करेगा। तो !inputs[n].disabled का उपयोग करके, यह वर्तमान में सेट किए गए कार्यों के विपरीत वापस लौटाएगा, जिससे इसे टॉगल किया जा सकेगा।

आप बटन को क्लिक करें घटना बाध्य करने के लिए कोड की जरूरत है:

document.getElementById('your_button_id').onclick = toggle_inputs; 

तुम भी addEventListener उपयोग कर सकते हैं, लेकिन इंटरनेट एक्सप्लोरर के साथ संगतता सहित अधिक जानकारी के लिए जुड़े हुए पृष्ठ देखें। मैंने जो कोड दिया है, उसे बिना किसी परेशानी वाले सभी ब्राउज़रों में काम करना चाहिए।

Answer 5

http://code.google.com/p/getelementsbyclassname/

^^ रॉबर्ट नीमैन एक "वर्ग द्वारा तत्वों मिलता है" स्क्रिप्ट है। मूल रूप से आप सिर्फ एक ही कक्षा के उन सभी इनपुट तत्वों आवंटित चाहते हैं और फिर कुछ ऐसा कार्य करें:

//Collapse all the nodes 
function collapseNodesByClass(theClass){ 
    var nodes = getElementsByClassName(theClass); 
    for(i = 0; i < nodes.length; i++){ 
    nodes[i].style.display='none'; 
    } 
} 

इस कोड का एक टुकड़ा मैं वास्तव में वर्तमान में किसी वर्ग नाम के साथ सब कुछ संक्षिप्त करने के लिए उपयोग कर रहा हूँ है (यह ऊपर वर्णित स्क्रिप्ट का उपयोग करता है)। लेकिन किसी भी मामले में मुझे लगता है कि आपकी समस्या की कुंजी एक साथ कई तत्वों को संदर्भित करने में सक्षम है, जो कि स्क्रिप्ट आपकी मदद करेगी।

इसके अलावा अपने सवाल में लिंक मेरे लिए :(काम नहीं किया