Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: checkbox i options
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Lynn
chodzi mi o to, ze chcialbym aby po zaznaczeniu chechboxa zmieniala mi sie zawartosc rozwijanego menu obok, ktoro gdy checkbox nie jest zaznaczony mam inne wartosci.. w javascript?
Mystic007
Może to Ci pomoże
  1. <script type="text/javascript">
  2. function menu(obj){
  3. if(obj.checked)var nav='Wklikałeś tongue.gif<br />Gratulacje';
  4. else var nav='<b>NIE!</b> Wklikałeś tongue.gif<br />to źle...';
  5. document.getElementById('menu').innerHTML=nav;
  6. }
  7. </script>
  8. <form name="menu">
  9. <input type="checkbox" name="a" onclick="menu(this);" />
  10. </form>
  11.  
  12. <div id="menu"><b>NIE!</b> Wklikałeś tongue.gif<br />to źle...</div>
Lynn
dziekuje.
Generalnie zrobilam taki skrypcik:

  1. <script language="JavaScript" type="text/javascript">
  2. // fcja ktora w zaleznosci od statusu checkboxa wyswietla odp opcje
  3. function sprawdz() {
  4.  
  5. var tab_intra_naz = new Array("intra 15","intra 30","intra 60");
  6. var tab_intra_val = new Array("10","60","360");
  7.  
  8. var tab_inne_naz = new Array("10 dni","30 dni","90 dni","pol roku","rok");
  9. var tab_inne_val = new Array("10","30","90","180","365");
  10.  
  11. if(document.getElementById("intra").checked)
  12. {
  13. for (i=0;i<3;i++) {
  14. document.getElementById("okr").options[i]= new Option (tab_intra_naz[i], tab_intra_val[i]);
  15. }
  16. }
  17. else if (!document.getElementById("intra").checked){
  18. for (i=0; i<4;i++){
  19. document.getElementById("okr").options[i]= new Option (tab_inne_naz[i], tab_inne_val[i]);
  20. }
  21. }
  22. }
  23.  
  24. HTML: <input type="Checkbox" name="intra" value="intra" id="intra" onclick="java script:sprawdz();">
  25.  
  26. Wywolanie w body: <body bgcolor="#ffffff" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" onload="sprawdz();">
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.