2012-05-14 27 views
8

मुझे पता है कि हम रेडियो बटन और चेकबॉक्स को केवल पढ़ने के लिए नहीं कर सकते हैं। मैंने रेडियो बटन और चेकबॉक्स में अक्षम करने की कोशिश की लेकिन आईई में यह स्पष्ट रूप से दिखाई नहीं दे रहा है।रेडियो बटन के लिए कार्यक्षमता की तरह अक्षम/रीडोनली कैसे करें और चेक बॉक्स

क्या jQuery, CSS, जावास्क्रिप्ट का उपयोग कर अक्षम/पठनीय रूप से ऐसा करने का कोई विकल्प है?

+0

हां, लेकिन यह वही है जो आपने पहले ही कोशिश की है, विकलांग संपत्ति को अक्षम आदि पर सेट करता है। – adeneo

+0

इसके लिए आप कौन सी कोड कर रहे हैं .. –

उत्तर

12

आप तत्वों पर क्लिक से बचने के लिए निम्न कोड का उपयोग आप उपयोगकर्ता को बदलने के लिए

$(':radio,:checkbox').click(function(){ 
    return false; 
}); 

आप क्लिक सीमित करने के लिए उचित का भी उपयोग करेंगे नहीं करना चाहते कर सकते हैं।

+0

धन्यवाद यह काम करता है। क्या रेडियोधर्टन और चेकबॉक्स में पृष्ठभूमि रंग लागू करना संभव है, ताकि यह छवि का उपयोग किये बिना अक्षम दिखता हो? मैंने $ (': रेडियो,: चेकबॉक्स') का उपयोग करने की कोशिश की। सीएसएस ("पृष्ठभूमि-रंग", 'लाल "); – Raje

+0

मुझे नहीं लगता कि आप ऐसा कर सकते हैं। आपको उस उद्देश्य के लिए किसी प्रकार की छवि का उपयोग करना होगा। लेकिन अगर आप इसे अक्षम करने के लिए इसे अक्षम अक्षम करना चाहते हैं, तो यह सभी ब्राउज़रों पर सुसंगत लगेगा। मैंने सोचा कि आप अक्षम प्रभाव के बिना चेकबॉक्स/रेडियो बटन को अक्षम करना चाहते हैं। – LoneWOLFs

+0

हां, आप सही हैं। मैं अक्षम प्रभाव के बिना कार्यक्षमता की तरह अक्षम करना चाहता हूँ। अगर मैंने चेकबॉक्स और रेडियो बटन पर अक्षम निर्दिष्ट किया है तो यह IE में स्पष्ट रूप से दृश्यमान नहीं है। – Raje

7

योन इस तरह दे सकते हैं: -

मैं अपनी स्क्रिप्ट

jQuery('#radio').attr('disabled','disabled'); 

या अगर यह IE के साथ संगत नहीं होगा अनुकूलता भी देना क्या आप ..

के अनुसार addclass सकते हैं ..

<meta http-equiv="X-UA-Compatible" content="IE=8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=7" /> 
तो

जाँच ..

आप भी इस तरह दे सकते हैं: -

jQuery("#youridname input:radio").attr('disabled',true); 
+0

मुझे पता है कि यह पुराना है, लेकिन किसी भी ऐसे व्यक्ति के लिए जो इस समाधान का उपयोग करने का लुत्फ उठाता है, ध्यान रखें कि एक फॉर्म सबमिट होने पर अक्षम तत्व पोस्ट नहीं किए जाएंगे। – blackandorangecat

1

रेडियो बटन पहले से ही चेक किया गया है और यदि आप जाँच रेडियो बटन पर क्लिक करें यह सच से गलत पर मूल्य बदलते हैं तो। कोड निम्नलिखित इस परिदृश्य में काम करता है के लिए

$(document).ready(function() { 
    $('input[type = "radio"]').change(function() { 
     this.checked = false; 
    }); 
}); 
3
 selectedRow.find('input[type="radio"]:not(:checked)').each(function(){ $(this).attr('disabled', true); }); 

चयनित पंक्ति बस HTML तत्व है जिसके नीचे मैं रेडियो बटन मैं दिलचस्पी का पता लगाने के लिए चाहते है।
पूरी स्क्रिप्ट केवल रेडियो बटन का चयन करने के बाद ही बुलाया जाता है।
निष्पादित होने पर, यह अचयनित रेडियो बटन का पता लगाता है और उन्हें अक्षम करता है।

इसलिए, चयनित विकल्प को बनाए रखते हुए, मुझे गैर-चयनित रेडियो बटन अक्षम करने का वांछित परिणाम दे रहा है।

यह परिणाम एक बेहतर विकल्प प्रतीत होता है, तो
1. किसी अन्य विकल्प से उपयोगकर्ता से बचने के लिए, रेडियो बटन पर एक छवि डालना। जब इसे नहीं चुना विकल्प चुना जाता है 3. सभी रेडियो बटन, जहां चयन खो दिया है अक्षम करने, जो सिर्फ चयन को छुपाता है;
2. .click (function() {अवास्तविक लौटाते})।

उम्मीद है कि इस मदद करता है,
खुश होती है।

संबंधित मुद्दे