
hola tengo un js y un css que le da una apariencia distinta a mis check box que contengo en una pagina jsp, los cuales tambien crean una tippo animacion al seleccionar mi check cuando lo selecciono
el problema esta que cuando uso un script que me seleccione los checks al dar click en otro, dicha animacion o funcion que realiza mi js con mi css no se realizaa, el check con el que se realiza esta pocion tiene esta estructura
Código:
<input name="plano" type="checkbox" value="" class="styled" onclick="if (this.checked) {putOn()} else {putOff()}">
donde class="styled" hace que mis checks se vean distintos a lo normal, pero al usar el script de seleccion de checks no me hace referencia a ese class
si le quito el class al check la funcion del script donde selecciono si lo hace bien
como puedo hacer que realice su funcion el class cuando utilizo mi script de seleccion??????
uso el script:
Código:
<SCRIPT language="JavaScript" type="text/javascript">
function putOn()
{
document.forms.form1.agregar_plano.checked = true;
document.forms.form1.modificar_plano.checked = true;
document.forms.form1.eliminar_plano.checked = true;
}
function putOff()
{
document.forms.form1.agregar_plano.checked = false;
document.forms.form1.modificar_plano.checked = false;
document.forms.form1.eliminar_plano.checked= false;
}
</SCRIPT>
para hacer seleccionar unos checks en especifico y utilizo este otro escript para seleccionar todos mis check q tenga
Código:
<script type="text/javascript">
function seleccionar_todo(){
for (i=0;i<document.forms.form1.elements.length;i++)
if(document.forms.form1.elements[i].type == "checkbox")
document.forms.form1.elements[i].checked=1
}
function deseleccionar_todo(){
for (i=0;i<document.forms.form1.elements.length;i++)
if(document.forms.form1.elements[i].type == "checkbox")
document.forms.form1.elements[i].checked=0
}
</script>
cabe mensionar que para que me el class realice su funcion no utilizo ningun evento como click, onclick, etc
este es el codigo de mi js para que me realice la tipo animacion que habia mensionado anteriormente
Código:
var Custom = {
init: function() {
var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
for(a = 0; a < inputs.length; a++) {
if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
span[a] = document.createElement("span");
span[a].className = inputs[a].type;
if(inputs[a].checked == true) {
if(inputs[a].type == "checkbox") {
position = "0 -" + (checkboxHeight*2) + "px";
span[a].style.backgroundPosition = position;
} else {
position = "0 -" + (radioHeight*2) + "px";
span[a].style.backgroundPosition = position;
}
}
inputs[a].parentNode.insertBefore(span[a], inputs[a]);
inputs[a].onchange = Custom.clear;
if(!inputs[a].getAttribute("disabled")) {
span[a].onmousedown = Custom.pushed;
span[a].onmouseup = Custom.check;
} else {
span[a].className = span[a].className += " disabled";
}
}
}
no se si me explique, espero y me hayan entendido y me puedan ayudar
de antemano gracias