Para que puedas hacer múltiples selecciones, tenes que usar "checkbox" no "radio", justamente porque input radio no lo admite.
Ahora, para hacer que cuando selecciones "Nada", se quiten todas las selecciones, tenes que obtener el estado del checkbox "nada" y si es
true quitárselo a los demás.
Código HTML:
Ver original<input class="checkbox" type="checkbox" value="rock" />Rock
<input class="checkbox" type="checkbox" value="cumbia" />Cumbia
<input id="ch_nada" type="checkbox" value="nada" />Nada
Código Javascript
:
Ver original$("#ch_nada").click(function() {
if($("#ch_nada").prop("checked", true)) {
$(".checkbox").prop("checked", false);
}
});
Solamente faltaria agregar que cuando se clickee cualquier otra opcion, se desmarque "nada":
Código Javascript
:
Ver original$(".checkbox").click(function() {
if($("#ch_nada").prop("checked" , true)) {
$("#ch_nada").prop("checked" , false)
}
});
Y listo
Ejemplo completo:
http://codepen.io/anon/pen/zxyJEM
Saludos
