Cita:
Iniciado por emprear 
Primero, un error grave, los id de un elemento deben ser un valor único, en tu caso todos son "check"
Segundo, la solución está mal planteada porque no requiere de 2 funciones, mientras no sumes ningún valor. ¿cuál ha de ser el valor de
count?, cero, verdad?
entonces en
countCheckboxes(), habría que ubicar en alguna parte
Código Javascript
:
Ver originalif(count > 0){
document.getElementById("content").style.display = 'block';
}else{
document.getElementById("content").style.display = 'none';
}
El dónde ubicar ese fragmento, te lo dejo a vos.
Es decir,
showContent() nos está sobrando.
Para no saber de javascript, un buen intento, pero esto requiere certezas. que solo pueden ser despejadas a través de la lectura de un buen manual,
http://librosweb.es no sería un mal comienzo
Saludos
Hola que tal, gracias por tu ayuda ya modificando el código me quedo así y funciona, pero no se si sea la mejor forma de hacerlo
Código HTML:
Ver original<!DOCTYPE HTML>
<script type="text/javascript"> function countCheckboxes() {
element = document.getElementById("content");
var form = document.getElementById('multi-select');
var count = 0;
for(var n = 0; n < form.length; n++) {
if(form[n].name == 'selected[]' && form[n].checked) {
count++;
}
if(count >= '1') {
element.style.display='block';
} else {
element.style.display='none';
}
}
document.getElementById('count-selected').innerHTML = count;
}
<form action="#" method="post" id="multi-select" > <input type="checkbox" name="selected[]" value="1" onclick="countCheckboxes()" /> <input type="checkbox" name="selected[]" value="1" onclick="countCheckboxes()" /> <input type="checkbox" name="selected[]" value="1" onclick="countCheckboxes()" /> <input type="checkbox" name="selected[]" value="1" onclick="countCheckboxes()" /> <input type="checkbox" name="selected[]" value="1" onclick="countCheckboxes()" /> <input type="checkbox" name="selected[]" value="1" onclick="countCheckboxes()" />
<div id="content" style="display: none; float: left; padding: 0 10px; text-decoration: none;background: #55B05A;color: white;font-weight: bold;"> <div id="count-selected" style="float:left; margin-right:8px;">0
</div><span> Selected
</span>
Nuevamente muchas gracias
Saludos