Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Jak ukryc pole input
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
DannyM
27.05.2009, 14:06:57
Chce zrobic prosta czynnosc aby po zaznaczeniu checkboxa pole option zniknelo i pojawilo sie input.
COs na zasadzie "nie ma na liscie wprowadz wlasne"
Szukalem w sieci ale chyba nie trafialem w dobre frazy.
sowiq
27.05.2009, 14:25:46
Kod
$('#id_checkboxa').click( function(){
    if($(this).attr('checked')){ // jeśli zaznaczony
        $('#id_inputa').show();
        $('#id_listy').hide();
    }
    else{ // jeśli nie zaznaczony
        $('#id_inputa').hide();
        $('#id_listy').show();
    }
});


Polecam http://ferrante.pl/2007/08/01/jquery-to-latwe-1/ oraz http://docs.jquery.com/Effects/hide
DannyM
27.05.2009, 15:17:29
Cytat(sowiq @ 27.05.2009, 15:25:46 ) *
Kod
$('#id_checkboxa').click( function(){
    if($(this).attr('checked')){ // jeśli zaznaczony
        $('#id_inputa').show();
        $('#id_listy').hide();
    }
    else{ // jeśli nie zaznaczony
        $('#id_inputa').hide();
        $('#id_listy').show();
    }
});


Polecam http://ferrante.pl/2007/08/01/jquery-to-latwe-1/ oraz http://docs.jquery.com/Effects/hide


id_checkboxa - to id checkboxa?
id_inputa - to id pola?
Czy jeszcze jest do tego potrzeby jakis skrypt? Robie ale nic nie daje sad.gif
sowiq
27.05.2009, 15:24:11
Cytat(DannyM @ 27.05.2009, 16:17:29 ) *
id_checkboxa - to id checkboxa?
id_inputa - to id pola?
Nie, id_checkboxa to jak sama nazwa wskazuje Twoje imię, a id_inputa to Twój numer buta blinksmiley.gif
Podałem Ci dwa linki. Ja się z nich nauczyłem jQuery. Poczytaj.
DannyM
27.05.2009, 16:47:49
Cytat(sowiq @ 27.05.2009, 16:24:11 ) *
Nie, id_checkboxa to jak sama nazwa wskazuje Twoje imię, a id_inputa to Twój numer buta blinksmiley.gif
Podałem Ci dwa linki. Ja się z nich nauczyłem jQuery. Poczytaj.


sprawdzalem strony hide ale tam operuje sie na buttonach a po kliknieciu wywoluje formularz. Twoj sposob wyglada na sensowny ale nie dziala.
Mam tak
[HTML] pobierz, plaintext 
  1. <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
  2.  
  3. 	<script>  
  4.   $('#id_checkboxa').click( function(){
  5.     if($(this).attr('checked')){ // jeśli zaznaczony
  6.         $('#id_inputa').show();
  7.         $('#id_listy').hide();
  8.     }
  9.     else{ // jeśli nie zaznaczony
  10.         $('#id_inputa').hide();
  11.         $('#id_listy').show();
  12.     }
  13. });
  14.   </script>
  15. </head>
  16. <body>
  17.   <div>
  18.  
  19.   <input name="id_checkboxa" id="id_checkboxa" type="checkbox"/>
  20.   <input name="id_inputa" id="id_inputa" type="text" value="pokaz" />
  21.   <input name="id_listy" id="id_listy" type="text" value="ukryj" />
  22.   </div>
[HTML] pobierz, plaintext
sowiq
27.05.2009, 16:57:33
http://docs.jquery.com/Effects/hide -> pierwsza zakładka o nazwie View Source:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2.                     "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  6.  
  7.   <script>
  8.   $(document).ready(function(){
  9.  
  10.     $("p").hide();
  11.     $("a").click(function () {
  12.       $(this).hide();
  13.       return true;
  14.     });
  15.  
  16.   });
  17.   </script>
  18.  
  19. </head>
  20. <body>
  21.   <p>Hello</p>
  22.   <a href="#">Click to hide me too</a>
  23.   <p>Here is another paragraph</p>
  24. </body>
  25. </html>
[HTML] pobierz, plaintext

Zwróć uwagę na
Kod
$(document).ready(function(){ ... });

Pod pierwszym adresem, który podałem ( http://ferrante.pl/2007/08/01/jquery-to-latwe-1/ ) jest opisana funkcja $(document).ready()
Lenistwo Panie.
DannyM
27.05.2009, 19:43:33
Cytat(sowiq @ 27.05.2009, 17:57:33 ) *
http://docs.jquery.com/Effects/hide -> pierwsza zakładka o nazwie View Source:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2.                     "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  6.  
  7.   <script>
  8.   $(document).ready(function(){
  9.  
  10.     $("p").hide();
  11.     $("a").click(function () {
  12.       $(this).hide();
  13.       return true;
  14.     });
  15.  
  16.   });
  17.   </script>
  18.  
  19. </head>
  20. <body>
  21.   <p>Hello</p>
  22.   <a href="#">Click to hide me too</a>
  23.   <p>Here is another paragraph</p>
  24. </body>
  25. </html>
[HTML] pobierz, plaintext

Zwróć uwagę na
Kod
$(document).ready(function(){ ... });

Pod pierwszym adresem, który podałem ( http://ferrante.pl/2007/08/01/jquery-to-latwe-1/ ) jest opisana funkcja $(document).ready()
Lenistwo Panie.


Poczytalem itd ale niestety pole mimo ukrycia nie jest pomijane w formularzu sad.gif Czy jest na to jakis sposob?
erix
27.05.2009, 19:54:24
Chcesz kompletnie pomijać pole w przetwarzaniu formularza, czy tylko ukrywać?
DannyM
27.05.2009, 20:04:25
Cytat(erix @ 27.05.2009, 20:54:24 ) *
Chcesz kompletnie pomijać pole w przetwarzaniu formularza, czy tylko ukrywać?

mam dwa pola o tej samej nazwie. Oczywiscie pobiera ostatnie w formularzu. To pole ma byc wyborem. Jesli nie to co proponuje wpisz swoje.
Reasumujac. Jesli nie bedzie chcial wpisac swojego ma pominac to pole.
Domyslnie ma pomijac pole nizej
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.