Флажок OnClicking отображает скрытое поле выбора

#javascript #html

Вопрос:

Я в основном хочу показать Скрытое поле выбора, когда установлен определенный флажок.

Это мой HTML-флажок;

 lt;input type="checkbox" class="defaulter_checkbox" name="defaulter" value="1" onclick="show_defaulter_div(box, 'show_defaulter_div')" /gt;  

и это Скрытое поле выбора HTML;

 lt;span id="show_defaulter_div" style="display: none;"gt; x lt;select name="defaulter_month" class="small_input_box"gt;  lt;option value="1"gt;1lt;/optiongt;  lt;option value="2"gt;2lt;/optiongt;  lt;option value="3"gt;3lt;/optiongt;  lt;option value="4"gt;4lt;/optiongt;  lt;option value="5"gt;5lt;/optiongt;  lt;option value="6"gt;6lt;/optiongt;  lt;option value="7"gt;7lt;/optiongt;  lt;option value="8"gt;8lt;/optiongt;  lt;option value="9"gt;9lt;/optiongt;  lt;option value="10"gt;10lt;/optiongt;  lt;option value="11"gt;11lt;/optiongt;  lt;option value="12"gt;12lt;/optiongt;  lt;/selectgt;lt;/spangt;  

Код функции JavaScript, который я использую, выглядит следующим образом;

 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";  } }  

Пожалуйста, помогите.

Ответ №1:

Что-то вроде этого,

 lt;input type="checkbox" class="defaulter_checkbox" name="defaulter" value="1" onclick="show_defaulter_div(this)" /gt;  

И, В Javascript,

 function show_defaulter_div(checkbox) {  var deF = document.getElementById("show_defaulter_div");   if (checkbox.checked) {  deF.style.display = "";  } else {  deF.style.display = "none";  } }  

Ответ №2:

Вам нужно только изменить ввод на

 lt;input type="checkbox" class="defaulter_checkbox" name="defaulter" checked="checked" onchange="show_defaulter_div(this, 'show_defaulter_div')" /gt;  

Комментарии:

1. О, Спасибо Тебе, Ален. Вы сэкономили мне время.