Флажок/кнопка отправки скрыть класс/идентификатор

То, что я хочу сделать, просто на словах, но я понятия не имею, как это сделать на самом деле.

У меня есть идентификатор/класс Div, присвоенный контейнеру в файле HTML.

Теперь я хочу добавить флажок или кнопку в файл php, который может скрывать и отображать элемент div в файле HTML.

Что я хочу сделать:

  1. Нормально видно всем.
  2. Я проверил скрытие и нажал кнопку «Отправить».
  3. Удалите контейнер или измените видимость на none.

php checkbox html css
person Rifshan    schedule 10.04.2014    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Если я правильно понял, попробуйте это: http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_show

просто измените кнопки на флажок и сделайте некоторую проверку, если флажок установлен, сделайте скрыть, иначе показать

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script>
$(document).ready(function(){
$('#showHide').change(function(){
    var c = this.checked ? $("p").show() : $("p").hide();  
}); 
});
</script>


<p>If you click on the "Hide" button, I will disappear.</p>
<input type="checkbox" id="showHide" name="showHide" value="Show">Check it
person Gntvls    schedule 10.04.2014

arrow_upward
0
arrow_downward

Используйте этот Javascript (вам не нужно использовать Jquery):

<script type="text/javascript">
function showHide(thediv){
   id = document.getElementById(thediv).style;
   id.display = (id.display != 'inline')? 'inline' : 'none';
}
</script>

Затем определите div, который вы хотите скрыть:

<div style="display:none" id="my_div">
     Hello World or any other HTML
</div>

Теперь - установите переключатель где-нибудь в коде и запустите скрипт показа при нажатии:

<input type="radio" onclick="showHide('my_div')" />

Если вы хотите, чтобы div отображался по умолчанию, измените на

<div style="display:inline" id="my_div">

Или просто полностью удалить стиль.

person PalDev    schedule 10.04.2014