दुर्भाग्य से कोई 'सरल' समाधान नहीं है। विशेषता आसानी से चेकबॉक्स पर लागू नहीं की जा सकती। मैंने चेकबॉक्स के बारे में डब्ल्यू 3 युक्ति पढ़ी और दोषी पाया:
यदि प्रपत्र सबमिट करते समय किसी नियंत्रण का वर्तमान मान नहीं है, तो उपयोगकर्ता एजेंटों को इसे सफल नियंत्रण के रूप में मानने की आवश्यकता नहीं है। ( http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2 )
यह अनियंत्रित स्थिति और अक्षम अवस्था के कारण समान पार्स मूल्य होता है।
- readonly = "readonly" चेकबॉक्स के लिए मान्य विशेषता नहीं है।
- onclick = "event.preventDefault ();" हमेशा एक अच्छा समाधान नहीं है क्योंकि यह चेकबॉक्स पर ही चालू होता है। लेकिन यह कुछ अवसरों में आकर्षण का काम कर सकता है।
- चेकबॉक्स को ऑनबॉक्स सबमिट करना सक्षम नहीं है क्योंकि नियंत्रण अभी भी एक सफल नियंत्रण के रूप में नहीं माना जाता है, इसलिए मूल्य को पार्स नहीं किया जाएगा।
- अपने HTML में एक ही नाम के साथ एक और छिपा हुआ इनपुट जोड़ने से काम नहीं चलता क्योंकि पहला नियंत्रण मूल्य दूसरे नियंत्रण मूल्य द्वारा अधिलेखित हो जाता है क्योंकि इसका एक ही नाम है।
ऐसा करने का एकमात्र पूर्ण-प्रूफ तरीका है कि फॉर्म सबमिट करने पर जावास्क्रिप्ट के साथ एक ही नाम के साथ एक छिपे हुए इनपुट को जोड़ना है ।
आप इसके लिए मेरे द्वारा किए गए छोटे स्निपेट का उपयोग कर सकते हैं:
function disabled_checkbox() {
var theform = document.forms[0];
var theinputs = theform.getElementsByTagName('input');
var nrofinputs = theinputs.length;
for(var inputnr=0;inputnr<nrofinputs;inputnr++) {
if(theinputs[inputnr].disabled==true) {
var thevalueis = theinputs[inputnr].checked==true?"on":"";
var thehiddeninput = document.createElement("input");
thehiddeninput.setAttribute("type","hidden");
thehiddeninput.setAttribute("name",theinputs[inputnr].name);
thehiddeninput.setAttribute("value",thevalueis);
theinputs[inputnr].parentNode.appendChild(thehiddeninput);
}
}
}
यह दस्तावेज़ में पहले फ़ॉर्म के लिए दिखता है, सभी इनपुट को इकट्ठा करता है और अक्षम इनपुट के लिए खोज करता है। जब कोई अक्षम इनपुट पाया जाता है, तो एक छिपे हुए इनपुट को पेरेंटेनोड में एक ही नाम और 'ऑन' (यदि यह स्टेट 'चेक' है) और '' (यदि यह स्टेट है '' - वैल्यू नहीं है) के साथ बनाया जाता है।
इस फ़ंक्शन को FORM तत्व में इवेंट 'ऑनसुबमिट' द्वारा ट्रिगर किया जाना चाहिए:
<form id='ID' action='ACTION' onsubmit='disabled_checkbox();'>