[JavaScript][PHP]Jak obsłużyć checkbox'a? Pewnie banał ale potrzebuję pomocy. Opcje

[stmarteen]

Witam kolegów.
Problem pewnie dla wielu z Was jest banalny, niestety są to moje pierwsze kroki w tworzeniu www i zwyczajnie wymiękłem. Bardzo proszę o pomoc.

Potrzebuję umieścić na stronie pole checkbox i obsługiwać każdą jego zmianę, ale bez dodatkowych przycisków typu wyślij formularz itp. Chcę zrobić to tak, żeby samo jego zaznaczenie lub odznaczenie wywoływało interakcję strony.
Czyli weźmy najbanalniejszy przykład - umieszczenie tego pola i wyświetlanie obok niego komunikatu "zaznaczony" lub "brak zaznaczenia" w zależności od aktualnego stanu. Czy ktoś mógłby mi zademonstrować jak taki efekt uzyskać?

Po wielu zarwanych nocach i przewertowaniu setek stron w sieci udało mi się uzyskać analogiczny efekt dla pola select.
Kod wraz z pobieraniem elementów do select'a z pliku XML (może się komuś przyda) wygląda tak:

[PHP] pobierz, plaintext 
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
 
<select name="points" style="width: 190px; font-size: 14pt" onChange="MM_jumpMenu('parent',this,0)">
<?php
$punkty = simplexml_load_file('punkty.xml');
$loadpkt = $punkty->attributes();
$qq=$_GET['a'];
echo '<option>&nbsp;</option>';
 foreach ($punkty->punkt as $loadpkt) {
        $xyz=$loadpkt['nazwa'];
        if($xyz==$qq)
        echo '<option selected="selected" value="index.php?a='.$xyz.'">'.$xyz.'</option>';
        else
        echo '<option value="index.php?a='.$xyz.'">'.$xyz.'</option>';
    }
?>
</select>
<?php
echo $_GET['a'];
?>
[PHP] pobierz, plaintext 

Nie ukrywam że cały skrypt funkcji MM_jumpMenu przepisałem i stosuję totalnie bez zrozumienia Ale działa.
Przez chwilę myślałem że teraz będzie już z górki i przez analogię poradzę sobie z obsługą checkbox. Niestety myliłem się.
Bardzo proszę o pomoc. Moja rejestracja tutaj jest naprawdę aktem ostatniej desperacji.
Od dwóch tygodni wertuję google w poszukiwaniu rozwiązania mojego problemu, więc jeśli ktoś zechce mi odpowiedzieć że wystarczyło w google wpisać coś tam to gorąco apeluję żeby mi tego oszczędził.

[ber32]

Witam. Napisałem gotowca.

poruszyła mnie ta opowieść

[HTML] pobierz, plaintext 
 
<input type="checkbox"  name="xbo" value="" />
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
 
	$(function() {
   $('input[name=xbo]').click(function() {
     if( $('input[name=xbo]').attr('checked') )
	 {
	 alert('wlacz');
	 }else{
	 alert('wylacz');
	 }  
   });
});
[PHP] pobierz, plaintext 

[stmarteen]

Witam. Napisałem gotowca.

poruszyła mnie ta opowieść

[HTML] pobierz, plaintext 
 
<input type="checkbox"  name="xbo" value="" />
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
 
	$(function() {
   $('input[name=xbo]').click(function() {
     if( $('input[name=xbo]').attr('checked') )
	 {
	 alert('wlacz');
	 }else{
	 alert('wylacz');
	 }  
   });
});
[PHP] pobierz, plaintext 

Dzięki za odp no i twoją wrażliwość
Ale albo ja nie umiem użyć gotowca (kompromitacja), albo czegoś nie łapię.
1 sprawa:
W najprostszym odruchu przekleiłem kod żeby zobaczyć co się pokaże na stronie.
Gdy wziąłem twoją funkcję w znaczniki php to wyrzuca mi błąd:

Parse error: syntax error, unexpected '(', expecting variable (T_VARIABLE) or '$' in C:\xampp\htdocs\test3\checkbox1.php on line 28

Line 28 to u mnie:

$(function() {


Czy ja coś źle robię / umieszczam, czy tu mimo wszystko jest jakiś składniowy błąd?

2 rzecz:
W ogóle jakim cudem to działa bez ustawienia żadnego eventa dla checkboxa? Nie ustawiasz żadnego onChange, onClick ani nic takiego. Tak się da??

[-Gość-]

@ber32 zastosował w swoim kodzie instrukcje dla jQuery, o ile gdzieś wcześniej ładujesz ten skrypt, to powinno działać

Ewentualnie można bez jQuery, coś w tym stylu:

[HTML] pobierz, plaintext 
<input type="checkbox"  name="xbo" value="1" onclick="click_checkbox(this)" />
<script type="text/javascript">
function click_checkbox(e) {
  if (e.checked) {
    alert('zaznaczony');
  }
  else {
    alert('nie zaznaczony');
  }
}
</script>
[HTML] pobierz, plaintext 

[Michasko]

To błąd PHP, pokaż coś więcej niż samą tą linię (kilka linii w tył i w przód).
Prawdopodobnie wrzuciłeś to po prostu w kod PHP, a powinieneś zastosować

[PHP] pobierz, plaintext 
echo (' tutaj treść skryptu ');
[PHP] pobierz, plaintext 

i dodatkowo objąć ten skrypt JS znacznikami HTML:

[HTML] pobierz, plaintext 
<script type="text/javascript"> tutaj skrypt javascript</script>
[HTML] pobierz, plaintext 

[stmarteen]

Szlachetny Gościu - kimkolwiek jesteś BARDZO DZIĘKUJĘ. Twoja metoda jest dokładnie tym czego potrzebowałem. Gdybyś był kobietą to wiedz że w tym momencie wyściskałbym Cię i wycałował tak jak nikt nigdy przedtem!!!!
@ber32 i @Michasko - Wam również z całego serca bardzo dziękuję! Ogromny szacunek dla wszystkich tych którzy mają wiedzę i w tych wilczych czasach potrafią i chcą bezinteresownie podzielić się nią z innymi. Big respect!!! Mam nadzieje że kiedyś będę w stanie oddać to co otrzymałem pomagając komuś innemu.
A dla takich jak ja załączam poniżej kompletny kod który realizuje dokładnie to co chciałem uzyskać - wystarczy Ctrl-C Ctrl-V i zapisać to w index.php
Biorąc pod uwagę moje umiejętności zapewne nie jest optymalny ale działa i można na jego bazie coś wyrzeźbić.

[PHP] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Obsluga pola checkbox</title>
<script type="text/JavaScript">
function click_checkbox(e) {
  if (e.checked) {
//    alert('zaznaczony');
  document.location.href = "index.php?x=1";
  }
  else {
//    alert('nie zaznaczony');
   document.location.href = "index.php?x=0";
  }
}
</script>
</head>
 
<body>
<?php
if(isset($_GET['x'])){
if ($_GET['x']==0){
echo '<input type="checkbox" name="xbo" value="1" onclick="click_checkbox(this)" />';
echo ' nie zaznaczony';
}
if ($_GET['x']==1) {
   echo '<input type="checkbox" checked="checked" name="xbo" value="1" onclick="click_checkbox(this)" />';
   echo 'zaznaczony';
  }
}
else {
  echo '<input type="checkbox" name="xbo" value="1" onclick="click_checkbox(this)" />';
  echo ' nie zaznaczony';
}
?>
</body>
</html>
[PHP] pobierz, plaintext 

Ten post edytował stmarteen 27.01.2013, 00:33:57