Forum PHP.pl > [JavaScript] blokowanie/odblokowowywanie checboxow

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] blokowanie/odblokowowywanie checboxow

lnn

17.01.2010, 12:20:13

witam

chcialem zrobic cos takiego zeby po zaznaczeniu pola typu checbox oblokowywaly sie inne pola, lecz dziala to tylko jesli jest umieszczone w jednym div-ie, a chcialem poumieszczac to w oddzielnych divach i wtedy przestaje mi dzialac :/ swita mi pomysl zeby to jakos po identyfikatorze wywolywac ale nie wiem jak to uczynic.. pomoglby ktos?

[HTML] pobierz, plaintext 
<input type="checkbox" name="wyzywienie_on" onclick="
this.form.elements['sniadanie'].disabled =
this.form.elements['obiad'].disabled =
this.form.elements['kolacja'].disabled =
this.form.elements['obiadokolacja'].disabled =
this.form.elements['calodzienne'].disabled =
this.form.elements['ch_s'].disabled =
this.form.elements['ch_o'].disabled =
this.form.elements['ch_ok'].disabled =
this.form.elements['ch_k'].disabled =
this.form.elements['ch_c'].disabled =
  !this.checked" />dostępne <br />
śniadanie: <input type="text" name="sniadanie" size="10" disabled="disabled" />zł 
<input type="checkbox" name="ch_s" value="on" disabled="disabled" />wliczone<br>
Obiad: <input type="text" name="obiad" size="8" disabled="disabled" />zł 
<input type="checkbox" name="ch_o" value="ON" disabled="disabled" />wliczone<br>
Obiadokolacja:  <input type="text" name="obiadokolacja" size="8" disabled="disabled" />zł 
<input type="checkbox" name="ch_ok" value="ON" disabled="disabled" />wliczone<br>
Kolacja: <input type="text" name="kolacja" size="12" disabled="disabled" />zł 
<input type="checkbox" name="ch_k" value="ON" disabled="disabled" />wliczone<br>
Całodzienne: <input type="text" name="calodzienne" size="12" disabled="disabled" />zł
<input type="checkbox" name="ch_c" value="ON" disabled="disabled" />wliczone 
[HTML] pobierz, plaintext

Burned

17.01.2010, 12:51:35

getElementById

kefirek

17.01.2010, 12:58:36

[JAVASCRIPT] pobierz, plaintext 
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){ 
   $('input[name=wyzywienie_on]').click(function() {
   if (this.checked == true) $(".check").attr('disabled', false); else $(".check").attr('disabled', true); 
 });
 
}); 
 
 
 
 
 
</script>
</head>
<body>
<input type="checkbox" name="wyzywienie_on" />dostępne <br />
 
&para;niadanie: <input class="check" type="text" name="sniadanie" size="10" disabled="disabled" />zł 
<input class="check" type="checkbox" name="ch_s" value="on" disabled="disabled" />wliczone<br>
Obiad: <input class="check" type="text" name="obiad" size="8" disabled="disabled" />zł 
<input class="check" type="checkbox" name="ch_o" value="ON" disabled="disabled" />wliczone<br>
Obiadokolacja:  <input class="check" type="text" name="obiadokolacja" size="8" disabled="disabled" />zł 
<input class="check" type="checkbox" name="ch_ok" value="ON" disabled="disabled" />wliczone<br>
Kolacja: <input class="check" type="text" name="kolacja" size="12" disabled="disabled" />zł 
<input class="check" type="checkbox" name="ch_k" value="ON" disabled="disabled" />wliczone<br>
Całodzienne: <input class="check" type="text" name="calodzienne" size="12" disabled="disabled" />zł
<input class="check" type="checkbox" name="ch_c" value="ON" disabled="disabled" />wliczone 
</body>
</html>
[JAVASCRIPT] pobierz, plaintext

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.