Forum PHP.pl > [JS] Checkbox i nowy input

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS] Checkbox i nowy input

fredzio90

8.10.2007, 22:00:21

otóż chciałem się spytać czy natkneliście się na takie coś że jak klikniesz w checkboxa ( zaznaczysz go ) to pojawi sie ponizej input, jeżeli ozdnaczysz, input zniknie.....

EDIT//
i czy byście mogli załączyć go tutaj...

skowron-line

8.10.2007, 22:07:47

Cytat(fredzio90 @ 8.10.2007, 21:00:21 )

otóż chciałem się spytać czy natkneliście się na takie coś że jak klikniesz w checkboxa ( zaznaczysz go ) to pojawi sie ponizej input, jeżeli ozdnaczysz, input zniknie.....

yyy tak natkneliślym się.

fredzio90

8.10.2007, 22:18:22

albo stronę z takim czymś....

vokiel

9.10.2007, 08:40:48

Do check boxa onclick() dodaj funkcję, która sprawdzi czy checkbox jest zaznaczony (checked) - a wtedy pokaz inputa. A jeśli nie jest zaznaczony to go ukryj.

fredzio90

9.10.2007, 14:33:58

oki poszukam takiej funkcji jak nie to pobawie się... a z php to sprawdzając jak jest zaznaczony to tak:

[HTML] pobierz, plaintext 
<input type="checkbox" name="nazwa" value="wartość" />
[HTML] pobierz, plaintext

[PHP] pobierz, plaintext 
<?php
if($_POST[nazwa]=='checked') funkcja();
?>
[PHP] pobierz, plaintext

tak ?

nospor

9.10.2007, 14:41:10

nie:

[PHP] pobierz, plaintext 
<?php
if (isset($_POST['nazwa'])) ...
?>
[PHP] pobierz, plaintext

Checkboxy jak nie są zaznaczone to nie są wysylane. Jak sa zaznaczone to jest wyslana ich wartosc lub bodajze "on" jesli nie byla ustalona wartosc

skowron-line

9.10.2007, 14:47:27

Cytat(vokiel @ 9.10.2007, 07:40:48 )

Do check boxa onclick() dodaj funkcję, która sprawdzi czy checkbox jest zaznaczony (checked) - a wtedy pokaz inputa. A jeśli nie jest zaznaczony to go ukryj.

[HTML] pobierz, plaintext 
<script type="text/javascript">
function showDiv(){
var checkBox = document.getElementById('box');
var oDiv = document.getElementById('divek');
if(checkBox.checked == true){
oDiv.display = 'block';
}else if(checkBox.checked == false){
oDiv.display = 'none';
}
}
</script>
<input type="checkbox" name="box" id="box">
<div id="divek" style="display:none;">Some text....</div>
[HTML] pobierz, plaintext

*pisane z palca

fredzio90

9.10.2007, 20:31:22

jakoś niechce trybić .....

[HTML] pobierz, plaintext 
<html>
<head>
<script type="text/javascript">
function showDiv(){
var checkBox = document.getElementById('box');
var oDiv = document.getElementById('divek');
if(checkBox.checked == true){
oDiv.display = 'block';
}else if(checkBox.checked == false){
oDiv.display = 'none';
}
}
</script>
 
</head>
<body>
<input type="checkbox" name="box" id="box" onClick="showDiv()">
<div id="divek" style="display:none;">Some text....</div>
</body>
</html>
[HTML] pobierz, plaintext

nospor

10.10.2007, 07:11:12

nie: oDiv.display
a: oDiv.style.display

fredzio90

10.10.2007, 13:57:33

dokładnie, dziękuje wam

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.