19
Tengo casillas de verificación de grupo y me gusta si este grupo tiene un comportamiento como botones de radio con el mismo nombre.jQuery - casillas de verificación como botones de radio
Cada casilla de verificación tiene un nombre diferente.
Solo se puede elegir una de las casillas de verificación.
¿Cómo puedo hacer esto?
Solución
¿Por qué necesito esto? Porque necesitamos coherencia webUI. Por favor, esta no es una pregunta sobre nuestra arquitectura de aplicaciones. :)
Muestra HTML
<div class="multiCheckBox">
<span class="multiGroup">
<div><input class="multiItem" value="111" name="list" type="checkbox" />111</div>
<div><input class="multiItem" value="112" name="list" type="checkbox" />112</div>
<div><input class="multiItem" value="113" name="list" type="checkbox" />113</div>
</span>
<span>
<div><input class="multiItem" value="121" name="list" type="checkbox" />121</div>
<div><input class="multiItem" value="122" name="list" type="checkbox" />122</div>
<div><input class="multiItem" value="133" name="list" type="checkbox" />123</div>
</span>
<span>
<div><input class="multiItem" value="131" name="list" type="checkbox" />131</div>
<div><input class="multiItem" value="132" name="list" type="checkbox" />132</div>
<div><input class="multiItem" value="133" name="list" type="checkbox" />133</div>
</span>
</div>
JavaScript
var $groups = $("span.multiGroup", $that);
$groups.each(function() {
var $group = $(this);
var $checkboxes = $(":checkbox", $group);
$checkboxes.click(function() {
var $activeCheckbox = $(this);
var state = $activeCheckbox.attr('checked');
$checkboxes.attr('checked', false);
$activeCheckbox.attr('checked', state);
});
});
por qué no usar botones de radio? Ah, y es posible que desee poner el código de su intento de hacerlo, para que sepamos lo que está buscando ... – scraimer
No use casillas de verificación para los botones de opción. Use botones de radio para botones de radio. ¿Usarías un interruptor de luz en tu puerta en lugar de un picaporte? –
Tim: Gracias por su opinión, pero esta es la mejor manera de cómo hago lo que necesito. Y esta pregunta sobre webUI, no sobre la arquitectura de mi aplicación. – MicTech