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