[JavaScript]Dwa zdarzenia OnClick - problem Opcje

[kotek2185]

Witam, mam taki o to problem: mam listę checkboxów, generowaną z bazy mysql, dodałem ostatnio checkbox który ma za zadanie zaznaczania wszystkich checkboxów. Robię to za pomocą:

[HTML] pobierz, plaintext 
<input type="checkbox" name="all" onclick="selectCheckboxes(this.form,'checkbox[',this.checked)"/>
[HTML] pobierz, plaintext 

i funkcję:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function selectCheckboxes(what,pref,stan){
  for(i=0;i<what.elements.length;i++){
    if(what.elements[i].type == "checkbox" && what.elements[i].name.substring(0,pref.length) == pref){
      what.elements[i].checked=stan;
    }
  }
}
</script>
[HTML] pobierz, plaintext 

(funkcja: użytkownika misterdexter // http://forum.php.pl/index.php?showtopic=53927 )

i to działa bez problemowo.

checkboxy zaznaczane przez checkbox o nazwie: all mają postać:

[HTML] pobierz, plaintext 
<input name="checkbox[]" type="checkbox" id="checkbox[]" value="<?php echo $rows['id_osoby']; ?>" 
onClick="this.form.elements[\'delete\'].disabled = this.form.elements[\'edit\'].disabled = this.form.elements[\'szczegoly\'].disabled = !this.checked"/>
[HTML] pobierz, plaintext 

jak widać te checkboxy mają zdarzenie OnClick które sprawia że przyciski (edit, delete, szczegoly) w formie zmieniają się z /na disabled. I teraz w końcu pytanie jak dodać drugie zdarzenie OnClick w checkboksie "all" by jednocześnie zaznaczał wszystkie generowane checkboxy o nazwie: "checkbox[]" oraz sprawiał by przyciski zmieniały się z / na disabled?


Z góry dzięki za jakieś wskazówki

[CuteOne]

[JAVASCRIPT] pobierz, plaintext 
function funkcja_a() { alert('a'); }
function funkcja_b() { alert('b'); }
function clicked() {
 
     funkcja_a();
     funkcja_b();
}
<input onclick="clicked()" />
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował CuteOne 11.07.2012, 16:40:38

[kamil4u]

A najlepiej w ogóle nie używać do tego atrybutu HTML i zrobić to porządnie na metodach DOM-owskich: http://ejohn.org/projects/flexible-javascript-events/

[kotek2185]

próbowałem analogicznie, ale chyba coś źle wywołuje

[HTML] pobierz, plaintext 
 
<script type="text/javascript">
 
function selectCheckboxes(what,pref,stan){
for(i=0;i<what.elements.length;i++){
if(what.elements[i].type == "checkbox" && what.elements[i].name.substring(0,pref.length) == pref){
what.elements[i].checked=stan;
}
}
}
function funkcja_b() { alert('b'); } 
 
function clicked() {
 
funkcja_b(); 
selectCheckboxes(this.form,'checkbox[',this.checked);
 
}
 
    </script>
 
<form>
<input type="checkbox" name="all" onclick="clicked()"/><br><br>
<input name="checkbox[]" type="checkbox" id="checkbox[]" /><br><br><br>
 
<input type="submit" name="delete" id="delete" disabled="disabled" value="usuń"/><br><br>
 
</form>
 
[HTML] pobierz, plaintext 

Funkje_b na ładnie pokazuje zreszta jak w przykładzie CuteOne, ale czemu juz nie zaznacza? Czyżbym źle wywoływał funkje:

[HTML] pobierz, plaintext 
selectCheckboxes(this.form,'checkbox[',this.checked);
[HTML] pobierz, plaintext 

?

[kamil4u]

Bo musisz jeszcze przekazać this przez atrybut( i pozamieniać this na coś innego ):

Kod

function funkcja_a( el ) { alert(el+" 1"); }
function funkcja_b( el ) { alert(el+" 2"); }
function clicked( el ) {

     funkcja_a( el );
     funkcja_b( el );
}
<input onclick="clicked( this )" />

[kotek2185]

ok dzięki wielkie za pomoc udało się posklejać wskazówki i osiągnąć upragniony efekt:)

temat do zamknięcia