Hola, tengo una duda.
Tengo que hacer 3 botones con dos css, uno para el estado activado y otro para desactivado. Cuando piche en uno, los otros dos tienen que cambiar su estado actual(y estilo css) a desactivado.
Tengo esto:
Código:
<script type="text/javascript">
function cambiarEstado(btn)
{
var padre = document.getElementById("botonera");
for(i=0;ele=padre.document.getElementByTagName("button")[i];i++){
ele.disabled = ele == btn;
if(ele.disabled == true){
ele.className = 'estilo_cambia';
}else{
ele.className = 'estilo';
}
}
}
</script>
<style>
.estilo{
background-color: #CCCCCC;
width:100px;
height:20px;
margin-bottom:10px;
}
.estilo_cambia{
background-color: #0489B1;
width:100px;
height:20px;
margin-bottom:10px;
}
</style>
</head>
<body>
<div id="botonera">
<button class="estilo" onClick="cambiarEstado(this)">boton1</button>
<button class="estilo" onClick="cambiarEstado(this)">boton2</button>
<button class="estilo" onClick="cambiarEstado(this)">boton3</button>
</div>
</body>
He probado muchas cosas y no consigo nada. Ahora mismo ningún botón cambia de estilo..
Alguien me puede ayudar?
Graciaas