Квадратче за отметка/бутон за изпращане скрий клас/ID

Това, което искам да направя, е просто на думи, но нямам идея как да го направя всъщност.

Имам Div ID/Class, даден на контейнер в HTML файл.

Сега искам да добавя квадратче за отметка или бутон в php файл, който може да скрие и покаже елемента div в HTML файл.

Какво искам да направя:

  1. Обикновено се вижда от всички.
  2. Отметнах скрий отворен и щракнах за изпращане.
  3. Премахнете контейнера или променете видимостта на никаква.

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