क्या फ़ॉर्म तत्वों का एक गुच्छा एक बार में अक्षम करने का कोई तरीका है?

Question

मैं कुछ स्थितियों के आधार पर HTML फॉर्म तत्वों का एक अनुभाग अक्षम करना चाहता हूं। ऐसा करने का आदर्श तरीका यह है:

<fieldset disabled> 
    <input value="one" /> 
    <input value="two" /> 
</fieldset> 

अब, उन दो इनपुट अक्षम हैं। हालांकि, यह IE8 पर पूरी तरह से borked लगता है। इनपुट अक्षम दिखाई देते हैं लेकिन मैं अभी भी उनमें टाइप कर सकता हूं।

Fiddle (नहीं के रूप में JsFiddle वास्तव में IE8 में काम करता है)

इस समस्या के लिए एक क्रॉस-ब्राउज़र समाधान है हर रूप तत्व (जो मेरी स्क्रिप्ट को मुश्किल होगा) को विकलांग जोड़े बिना ही। मैं शायद jQuery में <fieldset> का चयन करने की तरह कुछ मुश्किल कर सकता हूं, फिर .each() सभी फॉर्म तत्वों के माध्यम से और उन्हें अक्षम कर सकता हूं - हालांकि, मैं वास्तव में disabled विशेषता को नॉकआउट बाध्यकारी का उपयोग कर रहा हूं, इसलिए वास्तव में ऐसे कोड को जोड़ने के लिए कोई जगह नहीं है। मेरा आखिरी उपाय एक कस्टम नॉकआउट बाइंडिंग का उपयोग करना है जो सभी बच्चों को भी अक्षम करता है, लेकिन ले श्वास।

Answer 1

संक्षेप में: नहीं। इसका कारण यह है कि आईई 8 और disabled में समर्थन की कमी fieldset तत्व पर विशेषता है।

Source

IE7 और IE8 में, विशेषता केवल < कथा में फार्म तत्वों> अक्षम करता है।

मुझे डर है कि आपको अन्य उपयोगकर्ताओं/अपने स्वयं के कस्टम बाइंडिंग के उत्तरों जैसे कस्टम समाधान की तलाश करनी चाहिए।

Answer 2

jQuery का उपयोग कर समाधान:

var disabledFiedset=$('fieldset[disabled]'); 
$('input',disabledFiedset).attr('disabled','disabled'); 

Answer 3

मैं कुछ इसी तरह से संपादन योग्य और फिर मेरी इनपुट में मैं इस्तेमाल किया कहा जाता है अपने मॉडल में एक नमूदार का उपयोग कर ऐसा करने में सक्षम था एक data-bind="enable: editable” और इस पूरी तरह से आईई 7, 8 और 9 में काम करता है

Answer 4

ठीक है, मैं एक नॉकआउट.जेएस विशिष्ट कार्यान्वयन के साथ आया हूं जो उम्मीद है कि एक ही नाव में कुछ अन्य लोगों की मदद करेगा। इस समाधान को शायद थोड़ा समाधान के साथ अन्य समाधानों और प्लेटफार्मों के लिए अनुकूलित किया जा सकता है।

ko.bindingHandlers.allowEdit = { 
    init: function(element, valueAccessor) 
    { 
     if(!valueAccessor()) 
     { 
     element.disabled = true; 
     element.readOnly = true; 

     if(element.tagName === 'FIELDSET') 
     { 
      $(':input', element).attr('disabled', 'disabled'); 
     } 
     } 
    } 
}; 

ध्यान दें, आप update विधि भी अगर आप इस बंधन को बदलने की अनुमति चाहता था को लागू करना चाहते हैं:

पहले, मैं एक नॉकआउट बाध्यकारी बनाया। मेरे पास यह आवश्यकता नहीं थी।

तो आप इस तरह के रूप में बाध्यकारी इस्तेमाल कर सकते हैं:

<fieldset data-bind="allowEdit: someExpression"> 
    <input value="One" /> 
    <input value="Two" /> 
</fieldset> 

Answer 5

अपने fieldset टैग करने के लिए आईडी दें (या यू भी jQuery कोड में सीधे टैग नाम का उपयोग कर सकते हैं) सभी क्षेत्रों को निष्क्रिय करने के लिए कोड निम्नलिखित & उपयोग jquery का उपयोग कर उस फ़ील्ड में।

$ ("# फ़ील्ड आईडी" या "फ़ील्डसेट")। बच्चे()।attr ("अक्षम", "अक्षम");