error con checkbox y js

[valdo_kof]

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