estoy teniendo problemas para usar una función que permita seleccionar todos los checkbox de un formulario.
Mi formulario usa el css y el js jNice (que es el que me genera el problema), el css del checkbox es:
Código CSS:
Ver original
/* ------------- * Checkboxes * ------------- */ .jNiceCheckbox { background: transparent url(../images/checkbox.gif) no-repeat center top; vertical-align: middle; height: 16px; float: left; margin: 0 10px 0 0; width: 14px; display:block;/*display: -moz-inline-block;*/ } /* ------------- * Checked - Used for both Radio and Checkbox * ------------- */ .jNiceChecked { background-position: center bottom;}
el js para darle estilo es que esta en el archivo jNice.js:
Código Javascript:
Ver original
$('input:checkbox', this).each(function(){ $(this).addClass('jNiceHidden').wrap('<span></span>'); var $wrapper = $(this).parent(); $wrapper.prepend('<a href="#" class="jNiceCheckbox"></a>'); /* Click Handler */ $(this).siblings('a.jNiceCheckbox').click(function(){ var $a = $(this); var input = $a.siblings('input')[0]; if (input.checked===true){ input.checked = false; $a.removeClass('jNiceChecked'); } else { input.checked = true; $a.addClass('jNiceChecked'); } return false; }); /* set the default state */ if (this.checked){ $('a.jNiceCheckbox', $wrapper).addClass('jNiceChecked'); } });
y mi funcion que esta dentro del archivo funciones.js es:
Código Javascript:
Ver original
$(document).ready(function(){ //checkbox para los permisos de usuarios $("input[name=checktodos]").change(function(){ $('input[type=checkbox]').each( function() { if($("input[name=checktodos]:checked").length == 1){ this.checked = true; } else { this.checked = false; } }); }); });
si en el formulario saco esto class="jNice" la funcion anda perfectamente pero si le agrego la clase para darle diseño al formulario deja de funcionar.
Como podría solucionarlo?
Desde ya muchas gracias