Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zaznaczenie kilku checkbox..
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
lemming
Mam taki problem z js i niewiem jak go rozwiazac sad.gif (bo js to niezbyt umiem)
Mam kilka pol chceckbox i kazdy ma jakas wartosc teraz jak np. zaznacze 2 pola i klikne w guzik [ok] to chce zeby wartosci tych checkboxow dodaly mi sie do textarea
czy da sie to jakos zrobic?
Paul
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  3. <script type="text/javascript">
  4. function checkboxy(ktore){
  5. ktore = ktore.split(',');
  6. for(i=0; i < ktore.length; i++) {
  7. eval('box = document.fm.checkbox'+ktore[i]);
  8. if(box.checked) {
  9. document.fm.txt.value += box.value
  10. }
  11. }
  12. }
  13. </head>
  14. <form name="fm">
  15. <input type="checkbox" name="checkbox1" value="checkbox1"><br>
  16. <input type="checkbox" name="checkbox2" value="checkbox2"><br>
  17. <input type="checkbox" name="checkbox3" value="checkbox3"><br><br>
  18. <input type="button" value="ok" onclick="checkboxy('1,2,3');"><br><br><br>
  19. <textarea name="txt" style="width:200;height:100;"></textarea>
  20. </form>
  21. </body>
  22. </html>

:?:
lemming
Fajnie prawie idealnie smile.gif musze cos wymyslic zeby do tego:
checkboxy('1,2,3');
samo dodawalo liczby :]
dzieki
Paul
Mozna tez zrobic tak, ze wszystkie checkboxy w formularzu...
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  3. <script type="text/javascript">
  4. function checkboxy(){
  5. for(i=0; i < document.fm.elements.length; i++) {
  6. obj = document.fm.elements[i];
  7. if(obj.type == 'checkbox' && obj.checked) {
  8. document.fm.txt.value += obj.value;
  9. }
  10. }
  11. }
  12. </head>
  13. <form name="fm">
  14. <input type="checkbox" name="checkbox1" value="checkbox1"><br>
  15. <input type="checkbox" name="checkbox2" value="checkbox2"><br>
  16. <input type="checkbox" name="checkbox3" value="checkbox3"><br><br>
  17. <input type="button" value="ok" onclick="checkboxy();"><br><br><br>
  18. <textarea name="txt" style="width:200;height:100;"></textarea>
  19. </form>
  20. </body>
  21. </html>
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.