Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Limit zaznaczonych checkboxów
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
spayk
27.02.2011, 09:53:57
Poszukuje rozwiazania jak zrobic limit zaznaczonych checkboxów.
Znalażłem gdzies tutaj n forum ozwiazanie ale nie działa.
Prosze o pomoc
athei
27.02.2011, 13:06:24
http://stackoverflow.com/questions/2966382...checkbox-amount
spayk
27.02.2011, 17:25:02 
[HTML] pobierz, plaintext 
  1. $.fn.limit = function(n) {
  2.  var self = this;
  3.  this.click(function(){
  4.    (self.filter(":checked").length==n)?
  5.      self.not(":checked").attr("disabled",true).addClass("alt"):
  6.      self.not(":checked").attr("disabled",false).removeClass("alt");
  7.  });
  8. }
  9.  
  10. $("input:checkbox").limit(3);
  11.  
  12. }
[HTML] pobierz, plaintext


Mam taki kod ale co z nim teraz haha.gif bo w JS to ja serio zero
co mam wpisac w checkboxie i czy to jest kompletna funkcja
8_pasarzer_NOSTROMO
12.05.2014, 09:46:14
Chciałbym odświeżyć wątek.

Również szukam funkcji, która by zliczyła (jeszcze przed wysłaniem formularza) ile jest zaznaczonych checkbox. Jeśli więcej niż 5 to alert! Pomoże ktoś ?
Turson
12.05.2014, 10:11:31
http://jsfiddle.net/QLWYG/
8_pasarzer_NOSTROMO
12.05.2014, 11:06:12
A gdy mam :

[HTML] pobierz, plaintext 
  1. <form name="formularz">
  2. <input type="checkbox" name="pies[]">
  3. <input type="checkbox" name="pies[]">
  4. <input type="checkbox" name="pies[]">
  5. <input type="checkbox" name="pies[]">
  6. <input type="checkbox" name="pies[]">
  7.  
  8. <input type="checkbox" name="oko[]">
  9. <input type="checkbox" name="oko[]">
  10. <input type="checkbox" name="oko[]">
  11. <input type="checkbox" name="oko[]">
  12. </form>
[HTML] pobierz, plaintext


Chce aby z name=pies, moża było wybrac tylko 3, name=oko bez spawdzania.
Turson
12.05.2014, 11:14:24
http://jsfiddle.net/QLWYG/1/
8_pasarzer_NOSTROMO
12.05.2014, 11:46:39
Brak pytań. POMÓGŁ

A spytam jeszcze o jedną rzecz. N/w skrypt działa fajnie, bo po wybraniu 2 przygasza pozostałe. Ale ja zrobić by przygaszał tylko te name=pies. Name=oko pozostawił w spokoju.

[HTML] pobierz, plaintext 
  1.     <html>
  2.     <head>
  3.     </head>
  4.     <script>
  5.     function sprawdz_ile_zaznaczonych(){
  6.     var ile = 0;
  7.     for(var i=0; i<document.formularz.length; i++){
  8.     if((document.forms.formularz.elements[i].type)=="checkbox"){
  9.     if(document.forms.formularz.elements[i].checked) ile++;
  10.     }
  11.     }
  12.     return ile;
  13.     }
  14.  
  15.     function deaktywacja(){
  16.     if(sprawdz_ile_zaznaczonych()>=2){
  17.     for(var i=0; i<document.formularz.length; i++){
  18.     if((document.forms.formularz.elements[i].type)=="checkbox"){
  19.     if(!document.forms.formularz.elements[i].checked)
  20.     document.forms.formularz.elements[i].disabled=true;
  21.     }
  22.     }
  23.     }
  24.     else{
  25.     for(var i=0; i<document.formularz.length; i++){
  26.     if((document.forms.formularz.elements[i].type)=="checkbox")
  27.     document.forms.formularz.elements[i].disabled=false;
  28.     }
  29.     }
  30.     }
  31.  
  32.     </script>
  33.     <body>
  34.     <form name="formularz">
  35.     <input type="checkbox" name="pies[]" onclick="deaktywacja();">
  36.     <input type="checkbox" name="pies[]" onclick="deaktywacja();">
  37.     <input type="checkbox" name="pies[]" onclick="deaktywacja();">
  38.     <input type="checkbox" name="pies[]" onclick="deaktywacja();">
  39.     <input type="checkbox" name="pies[]" onclick="deaktywacja();">
  40.     <input type="checkbox" name="pies[]" onclick="deaktywacja();">
  41.  
  42.     <input type="checkbox" name="oko[]">
  43.     <input type="checkbox" name="oko[]">
  44.     <input type="checkbox" name="oko[]">
  45.     <input type="checkbox" name="oko[]">
  46.     <input type="checkbox" name="oko[]">
  47.  
  48.     </form>
  49.     </body>
  50.     </html>
[HTML] 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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.