Interfaz de usuario de jQuery: cuando se utilizan conjuntos de botones múltiples (botones de radio) olvidan su estado

Question

Estoy codificando un formulario con dos conjuntos de botones diferentes. Una vez que se hace clic en uno de ellos, el otro no muestra que se comprueba por más tiempo:

<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> 

Una vez hecho clic en el otro no se comprueba ningún más largo ... O al menos no se muestra como marcado. ¿Alguien más ha criticado este problema?

Saludos

Answer 1

se utilizan para los dos name="mode" conjunto del botón. eso es causa de un problema Cambia el atributo name de cualquier conjunto y luego prueba. por ejemplo:

<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>