Básicamente, quiero mostrar un cuadro de selección oculto cuando se marca una casilla de verificación en particular.
Esta es mi casilla de verificación HTML;
<input type="checkbox" class="defaulter_checkbox" name="defaulter" value="1" onclick="show_defaulter_div(box, \'show_defaulter_div\')" />y este es el HTML del cuadro de selección oculto;
<span id="show_defaulter_div" style="display: none;"> x <select name="defaulter_month" class="small_input_box"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select></span>El código de función de JavaScript que estoy usando es este;
function show_defaulter_div(box, show_defaulter_div) { var deF = document.getElementById(show_defaulter_div); if(box.checked) { deF.style.display = ""; } else { deF.style.display = "none"; } }Por favor ayuda.
Solo necesita cambiar la entrada a
<input type="checkbox" class="defaulter_checkbox" name="defaulter" checked="checked" onchange="show_defaulter_div(this, 'show_defaulter_div')" />Algo como esto,
<input type="checkbox" class="defaulter_checkbox" name="defaulter" value="1" onclick="show_defaulter_div(this)" />Y, en Javascript,
function show_defaulter_div(checkbox) { var deF = document.getElementById("show_defaulter_div"); if (checkbox.checked) { deF.style.display = ""; } else { deF.style.display = "none"; } }