Desplegar checkbox segun combo

[Toninito]

Buenas tardes


Como puedo desplegar varios checkbox segun el valor de un select (combo)

osea que los checkbox esten escondidos y que al momento de elejir un valor de un select despliegue varios checks


gracias saludos.

[maycolalvarez]

puedes ocultar los check con el CSS display: none; preferiblemente conteniéndolos dentro en una capa DIV, y con javascript los muestras:

Código Javascript:

var mycheks = document.getElementById('id_capa_con_checks');
mychecks.style.display = "block"; // o inline según lo que necesites
 

puedes utilizar el evento del select onchange para capturar el seleccionado, y dependiendo de él mostrar la capa DIV correspondiente, la idea seria nombrar a todas las capas igual y usar document.getElementsByTagName para recorrerlas en un ciclo y mostrar la elegida y ocultar las demás

[Toninito]

Gracias

tengo este codigo por si a alguien le sirve

Código HTML:

JAVASCRIPT
<script type='text/javascript'>
function showDiv(idOfDiv) {
document.getElementById(idOfDiv).style.display = 'block';
}
function hideDiv(idOfDiv) {
document.getElementById(idOfDiv).style.display = 'none';
}
</script>
 
HTML:
 
<select>
<option name="fieldName" id="field1" onclick="showDiv('AirOptions'); hideDiv('OceanOptions'); hideDiv('DomesticOptions');" onblur="hideDiv('div1');" selected="selected"/>Air Service</option>
<option name="fieldName" id="field2" onclick="showDiv('OceanOptions'); hideDiv('AirOptions'); hideDiv('DomesticOptions');">Ocean Service</option>
<option name="fieldName" id="field3" onclick="showDiv('DomesticOptions'); hideDiv('AirOptions'); hideDiv('OceanOptions');" onblur="hideDiv('div3');">Domestic Service</option>
</select>
 
<div id="AirOptions" style="display:none;">Air Services</div>
<div id="OceanOptions" style="display:none;">Ocean Services</div>
<div id="DomesticOptions" style="display:none">Domestic Services</div>