Jestem zupełnie zielony w sprawach Jscript, natomiast potrzebuję na stronie kilku checkboxów. Po wybraniu trzech z nich reszta powinna się zrobić disabled, tzn z 
[HTML] pobierz, plaintext 
  1. <input type="checkbox" name="nazwa" value="wartosc">
[HTML] pobierz, plaintext
powinno się zrobić
[HTML] pobierz, plaintext 
  1. <input type="checkbox" disabled="disabled" name="nazwa" value="wartosc">
[HTML] pobierz, plaintext


Jak to najlepiej napisać?

Szukałem zarówno na forum jak i w internecie i nie mogłem znaleźć.


Edit
Korzystając z różnych informacji/kursów itp. znalezionych w necie napisałem takie coś:
[HTML] pobierz, plaintext 
  1. <HTML>
  2. <head>
  3. <script LANGUAGE="Jscript">
  4. <!--
  5. selected = 0;  // Ile zaznaczonych checkboxów
  6.  
  7. function swap(oForm, checkbox) {
  8.  
  9. // Jeżeli checkbox jest zaznaczony, zwiększmy liczbę zaznaczonych o jeden
  10.  
  11. 	if(oForm.name0.checked&&checkbox==0){
  12. 		selected = selected+1;
  13. 	}
  14. 	else if(oForm.name1.checked&&checkbox==1){
  15. 		selected = selected+1;
  16. 	}
  17. 	else if(oForm.name2.checked&&checkbox==2){
  18. 		selected = selected+1;
  19. 	}
  20. 	else if(oForm.name3.checked&&checkbox==3){
  21. 		selected = selected+1;
  22. 	}
  23. 	else if(oForm.name4.checked&&checkbox==4){
  24. 		selected = selected+1;
  25. 	}
  26. 	else if(oForm.name5.checked&&checkbox==5){
  27. 		selected = selected+1;
  28. 	}
  29.  
  30. // Jeżeli nie jest, zmniejszmy liczbę zaznaczonych o jeden
  31.  
  32. 	else {
  33. 		selected = selected-1;
  34. 	}
  35.  
  36. // Zaznaczyliśmy już trzy. Reszta staje się niedostępna
  37.  
  38. 	if(selected==3){
  39. 		if(!oForm.name0.checked){
  40. 			oForm.name0.disabled=true;
  41. 		}
  42. 		if(!oForm.name1.checked){
  43. 			oForm.name1.disabled=true;
  44. 		}
  45. 		if(!oForm.name2.checked){
  46. 			oForm.name2.disabled=true;
  47. 		}
  48. 		if(!oForm.name3.checked){
  49. 			oForm.name3.disabled=true;
  50. 		}
  51. 		if(!oForm.name4.checked){
  52. 			oForm.name4.disabled=true;
  53. 		}
  54. 		if(!oForm.name5.checked){
  55. 			oForm.name5.disabled=true;
  56. 		}
  57. 	}
  58.  
  59. // Nie, nie zaznaczyliśmy trzech. Wszystkie są dostępne
  60.  
  61. 	else {
  62. 		oForm.name0.disabled=false;
  63. 		oForm.name1.disabled=false;
  64. 		oForm.name2.disabled=false;
  65. 		oForm.name3.disabled=false;
  66. 		oForm.name4.disabled=false;
  67. 		oForm.name5.disabled=false;
  68. 	}
  69. }
  70. //-->
  71. </SCRIPT>
  72. </HEAD>
  73. <form name="myForm">
  74. <INPUT TYPE="checkbox" NAME="name0" onClick="swap(this.form, 0)" disabled>Checkbox 0<BR>
  75. <INPUT TYPE="checkbox" NAME="name1" onClick="swap(this.form, 1)" disabled>Checkbox 1<BR>
  76. <INPUT TYPE="checkbox" NAME="name2" onClick="swap(this.form, 2)" disabled>Checkbox 2<BR>
  77. <INPUT TYPE="checkbox" NAME="name3" onClick="swap(this.form, 3)" disabled>Checkbox 3<BR>
  78. <INPUT TYPE="checkbox" NAME="name4" onClick="swap(this.form, 4)" disabled>Checkbox 3<BR>
  79. <INPUT TYPE="checkbox" NAME="name5" onClick="swap(this.form, 5)" disabled>Checkbox 3<BR>
  80. </form>
  81. </BODY>
  82. </HTML>
  83. <script LANGUAGE="Jscript">
  84. <!--
  85.  
  86. // Wyłączamy disabled dla wszystkich inputów
  87.  
  88. myForm.name0.disabled=false;
  89. myForm.name1.disabled=false;
  90. myForm.name2.disabled=false;
  91. myForm.name3.disabled=false;
  92. myForm.name4.disabled=false;
  93. myForm.name5.disabled=false;
  94. //-->
  95. </SCRIPT>
[HTML] pobierz, plaintext
Ma to jednak dwie podstawowe wady:
a.) Jest DŁUGIE
b.) Działa tylko pod Internet Exploler

Wie ktoś może jak zaradzić tym dwóm niedogodnościom?

Edit2
Dziękuję za szybką odpowiedź ohmy.gif
Jeżeli ktoś jest ciekaw moich wyników mojej własnej pracy metodą prób i przeważających błędów to:
a.) w nagłówku powinno być <script LANGUAGE="javascript"> - wtedy działa pod wszystkimi przeglądarkami
b.) Skrócony kod
[HTML] pobierz, plaintext 
  1. <script LANGUAGE="javascript">
  2. <!--
  3. selected = 0;
  4. function swap(oForm, checkbox) {
  5.         if(oForm.elements[checkbox].checked) selected = selected+1;
  6.    else                                        selected = selected-1;
  7.    if(selected==3){
  8.          for (i=0;i<6;i++) {
  9.          if(!oForm.elements[i].checked) oForm.elements[i].disabled=true;
  10.          };
  11.    }
  12.    else {
  13.    for (i=0;i<6;i++) document.myForm.elements[i].disabled=false;
  14.    }
  15. }
  16. //-->
  17. </SCRIPT>
  18. </HEAD>
  19. <form name="myForm">
  20. <INPUT TYPE="checkbox" NAME="name0" onClick="swap(this.form, 0)">Checkbox 0<BR>
  21. <INPUT TYPE="checkbox" NAME="name1" onClick="swap(this.form, 1)">Checkbox 1<BR>
  22. <INPUT TYPE="checkbox" NAME="name2" onClick="swap(this.form, 2)">Checkbox 2<BR>
  23. <INPUT TYPE="checkbox" NAME="name3" onClick="swap(this.form, 3)">Checkbox 3<BR>
  24. <INPUT TYPE="checkbox" NAME="name4" onClick="swap(this.form, 4)">Checkbox 3<BR>
  25. <INPUT TYPE="checkbox" NAME="name5" onClick="swap(this.form, 5)">Checkbox 3<BR>
  26. </form>
  27. </HTML>
[HTML] pobierz, plaintext