¿Hay alguna manera de hacer que las casillas de verificación actúen como botones de opción? ¿Supongo que esto podría hacerse con jQuery?
<input type="checkbox" class="radio" value="1" name="fooby[1][]" /> <input type="checkbox" class="radio" value="1" name="fooby[1][]" /> <input type="checkbox" class="radio" value="1" name="fooby[1][]" /> <input type="checkbox" class="radio" value="1" name="fooby[2][]" /> <input type="checkbox" class="radio" value="1" name="fooby[2][]" /> <input type="checkbox" class="radio" value="1" name="fooby[2][]" />Si se marcaba una casilla, las demás del grupo se desmarcarían.
$("input:checkbox").click(function(){ var group = "input:checkbox[name='"+$(this).attr("name")+"']"; $(group).attr("checked",false); $(this).attr("checked",true); });Esto lo hará, aunque estoy de acuerdo en que esto podría ser una mala idea.
Ejemplo en línea: http://jsfiddle.net/m5EuS/1/
ACTUALIZAR la separación de grupos agregada.
Actualizado para Jquery 1.9 : use .prop() en lugar de .attr()
$("input:checkbox").click(function(){ var group = "input:checkbox[name='"+$(this).prop("name")+"']"; $(group).prop("checked",false); $(this).prop("checked",true); });Aquí hay un ejemplo: http://jsfiddle.net/m5EuS/585/
Si aplica clase a la casilla de verificación, puede lograr fácilmente la funcionalidad del botón de opción usando el siguiente código:
$(".make_radio").click(function(){ $(".make_radio").not(this).attr("checked",false); });