jQuery यूआई: एकाधिक बटनसेट (रेडियो-बटन) का उपयोग करते समय वे अपने राज्य को भूल जाते हैं

Question

मैं दो अलग-अलग बटन सेट के साथ एक फॉर्म कोडिंग कर रहा हूं। एक बार जब उनमें से एक क्लिक किया जाता है, एक दूसरे को प्रदर्शित नहीं करता है कि यह चेक किया गया है किसी भी अब:

<script type="text/javascript"> 

$(document).ready(function() { 
     $("#mode").buttonset(); 
    $("#language").buttonset(); 
    }); 

</script> 

<div id="language"> 
    <input type="radio" id="lang_de" name="mode" checked="checked" value="de" /><label for="lang_de">deutsch</label> 
    <input type="radio" id="lang_en" name="mode" value="en" /><label for="lang_en">englisch</label> 
</div> 
<div id="mode"> 
    <input type="radio" id="mode1" name="mode" checked="checked" value="html" /><label for="mode1">Mail-Output</label> 
    <input type="radio" id="mode2" name="mode" value="source" /><label for="mode2">Mail-Sourcecode</label> 
</div> 

एक बार क्लिक एक दूसरे को किसी भी चेक नहीं किया गया लंबा .. या कम से कम यह चेक के रूप में प्रदर्शित नहीं है। क्या कोई और इस समस्या पर फंस गया है?

चीयर्स

Answer 1

आप बटन सेट दोनों के लिए name="mode" इस्तेमाल किया। यह एक समस्या का कारण बनता है। किसी भी सेट के name विशेषता बदलें और फिर परीक्षण करें। उदाहरण के लिए:

<div id="language"> 
    <input type="radio" id="lang_de" name="mode" checked="checked" value="de" /><label for="lang_de">deutsch</label> 
    <input type="radio" id="lang_en" name="mode" value="en" /><label for="lang_en">englisch</label> 
</div> 
<div id="mode"> 
    <input type="radio" id="mode1" name="mode_next" checked="checked" value="html" /><label for="mode1">Mail-Output</label> 
    <input type="radio" id="mode2" name="mode_next" value="source" /><label for="mode2">Mail-Sourcecode</label> 
</div>