Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Jak ukryc pole input
DannyM
post
Post #1





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----

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.
Powód edycji: [erix] przeniosłem
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
sowiq
post
Post #2





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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

Ten post edytował sowiq 27.05.2009, 14:26:35
Go to the top of the page
+Quote Post
DannyM
post
Post #3





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----

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 (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
sowiq
post
Post #4





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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 (IMG:http://forum.php.pl/style_emoticons/default/blinksmiley.gif)
Podałem Ci dwa linki. Ja się z nich nauczyłem jQuery. Poczytaj.
Go to the top of the page
+Quote Post
DannyM
post
Post #5





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----

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 (IMG:http://forum.php.pl/style_emoticons/default/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
Go to the top of the page
+Quote Post

Posty w temacie
- DannyM   [jQuery] Jak ukryc pole input   27.05.2009, 14:06:57
- - sowiq   Kod$('#id_checkboxa').click...   27.05.2009, 14:25:46
|- - DannyM   Cytat(sowiq @ 27.05.2009, 15:25:46 ) ...   27.05.2009, 15:17:29
|- - sowiq   Cytat(DannyM @ 27.05.2009, 16:17:29 )...   27.05.2009, 15:24:11
|- - DannyM   Cytat(sowiq @ 27.05.2009, 16:24:11 ) ...   27.05.2009, 16:47:49
- - sowiq   http://docs.jquery.com/Effects/hide -> pierwsza...   27.05.2009, 16:57:33
|- - DannyM   Cytat(sowiq @ 27.05.2009, 17:57:33 ) ...   27.05.2009, 19:43:33
- - erix   Chcesz kompletnie pomijać pole w przetwarzaniu for...   27.05.2009, 19:54:24
- - DannyM   Cytat(erix @ 27.05.2009, 20:54:24 ) C...   27.05.2009, 20:04:25

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 16.10.2025 - 02:17
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn