Advertisement
Guest User

Untitled

a guest
Apr 6th, 2020
176
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //HTML
  2. <div class="row mb-3">
  3.             <div class="col-sm-2"> Opcje towaru: </div>
  4.             <div class="col-sm-10" onChange="sprawdzOpcje()">
  5.               <div class="custom-control custom-checkbox custom-control-inline">
  6.                 <input type="checkbox" class="custom-control-input" id="opcja1" name="opcja">
  7.                 <label class="custom-control-label" for="opcja1">Opcja 1</label>
  8.               </div>
  9.               <div class="custom-control custom-checkbox custom-control-inline">
  10.                 <input type="checkbox" class="custom-control-input" id="opcja2" name="opcja">
  11.                 <label class="custom-control-label" for="opcja2">Opcja 2</label>
  12.               </div>
  13.               <div class="custom-control custom-checkbox custom-control-inline">
  14.                 <input type="checkbox" class="custom-control-input" id="opcja3" name="opcja">
  15.                 <label class="custom-control-label" for="opcja3">Opcja 3</label>
  16.               </div>
  17.               <div class="custom-control custom-checkbox custom-control-inline">
  18.                 <input type="checkbox" class="custom-control-input" id="opcja4" name="opcja">
  19.                 <label class="custom-control-label" for="opcja4">Opcja 4</label>
  20.               </div>
  21.               <div class="custom-control custom-checkbox custom-control-inline">
  22.                 <input type="checkbox" class="custom-control-input" id="opcja5" name="opcja">
  23.                 <label class="custom-control-label" for="opcja5">Opcja 5</label>
  24.               </div>
  25.               <div id="opcje_blad"></div>
  26.             </div>
  27.           </div>
  28. //JS
  29. function sprawdzOpcje(){
  30.     var formularz_obj=document.getElementsByName("opcja");
  31.     var blad = document.getElementById("opcje_blad");
  32.     var blad_danych;
  33.     var licznik=0;
  34.  
  35.     for(var i=0; i<formularz_obj.length;i++){
  36.         if (formularz_obj[i].checked){
  37.             licznik++;
  38.         }
  39.     }
  40.  
  41.     if(licznik<2){
  42.         blad.innerHTML = "Zaznacz conajmniej 2 opcje";
  43.         blad.classList.add("invalid-feedback");
  44.         blad.classList.remove("valid-feedback");
  45.         blad_danych=true;
  46.     }
  47.     else{
  48.         blad.classList.remove("invalid-feedback");
  49.         blad.classList.add("valid-feedback");
  50.         blad.innerHTML = "";
  51.         blad_danych=false;
  52.     }
  53.     return blad_danych;
  54. }
  55. //Ocena
  56. function sprawdzOcene(){
  57.     var formularz_obj=document.getElementsByName("rate");
  58.     var blad_danych;
  59.  
  60.     for(var i=0; i<formularz_obj.length;i++){
  61.         formularz_obj[i].classList.remove("is-valid");
  62.         if (formularz_obj[i].checked){
  63.             formularz_obj[i].classList.add("is-valid");
  64.             blad_danych=false;
  65.         }
  66.     }
  67.     return blad_danych;
  68. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement