रेडियो बटन चेक किए जाने तक इनपुट फ़ील्ड अक्षम (HTML)

Question

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

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

 <input type="radio" name="type" value="customurl">wanna custom url? 
     <input type="text" name="custom" placeholder="should be 5 charecters at least" > 
     <br><br> 
     <input type="radio" name="type" value="customurl">random? 
     <select name="charstype"> 
      <option>Letters</option> 
      <option>Number</option> 
     </select> 

Answer 1

आप जावास्क्रिप्ट का उपयोग करने की आवश्यकता होगी:

यहाँ मेरी कोड है। आपके द्वारा दिए गए कोड का सबसे छोटा तरीका चयन और इनपुट फ़ील्ड दोनों में एक आईडी विशेषता संलग्न करना होगा, और उन्हें "ऑनक्लिक" ईवेंट द्वारा अक्षम/सक्षम करना होगा।

<input onclick="document.getElementById('custom').disabled = false; document.getElementById('charstype').disabled = true;" type="radio" name="type" checked="checked">wanna custom url? 
 
<input type="text" name="custom" id="custom" placeholder="should be 5 charecters at least" > 
 
<br><br> 
 
<input onclick="document.getElementById('custom').disabled = true; document.getElementById('charstype').disabled = false;" type="radio" name="type" value="customurl">random? 
 
<select name="charstype" id="charstype" disabled="disabled"> 
 
     <option>Letters</option> 
 
     <option>Number</option> 
 
</select>

Answer 2

मैं तुम क्या चाहते करने के लिए अपने कोड को संशोधित किया है, यहाँ यह है:

<input type="radio" name="type" value="customurl" 
onclick="document.getElementById('text').removeAttribute('disabled')">wanna custom url? 
<input type="text" id="text" name="custom" 
placeholder="should be 5 charecters at least" disabled> 
<br><br> 
<input type="radio" name="type" value="customurl" 
onclick="document.getElementById('sel').removeAttribute('disabled')">random? 
<select id="sel" name="charstype" disabled> 
    <option>Letters</option> 
    <option>Number</option> 
</select>​​​​​​​​​​​ 

आप यह काम कर रहा here