Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //HTML
- <div class="row mb-3">
- <div class="col-sm-2"> Opcje towaru: </div>
- <div class="col-sm-10" onChange="sprawdzOpcje()">
- <div class="custom-control custom-checkbox custom-control-inline">
- <input type="checkbox" class="custom-control-input" id="opcja1" name="opcja">
- <label class="custom-control-label" for="opcja1">Opcja 1</label>
- </div>
- <div class="custom-control custom-checkbox custom-control-inline">
- <input type="checkbox" class="custom-control-input" id="opcja2" name="opcja">
- <label class="custom-control-label" for="opcja2">Opcja 2</label>
- </div>
- <div class="custom-control custom-checkbox custom-control-inline">
- <input type="checkbox" class="custom-control-input" id="opcja3" name="opcja">
- <label class="custom-control-label" for="opcja3">Opcja 3</label>
- </div>
- <div class="custom-control custom-checkbox custom-control-inline">
- <input type="checkbox" class="custom-control-input" id="opcja4" name="opcja">
- <label class="custom-control-label" for="opcja4">Opcja 4</label>
- </div>
- <div class="custom-control custom-checkbox custom-control-inline">
- <input type="checkbox" class="custom-control-input" id="opcja5" name="opcja">
- <label class="custom-control-label" for="opcja5">Opcja 5</label>
- </div>
- <div id="opcje_blad"></div>
- </div>
- </div>
- //JS
- function sprawdzOpcje(){
- var formularz_obj=document.getElementsByName("opcja");
- var blad = document.getElementById("opcje_blad");
- var blad_danych;
- var licznik=0;
- for(var i=0; i<formularz_obj.length;i++){
- if (formularz_obj[i].checked){
- licznik++;
- }
- }
- if(licznik<2){
- blad.innerHTML = "Zaznacz conajmniej 2 opcje";
- blad.classList.add("invalid-feedback");
- blad.classList.remove("valid-feedback");
- blad_danych=true;
- }
- else{
- blad.classList.remove("invalid-feedback");
- blad.classList.add("valid-feedback");
- blad.innerHTML = "";
- blad_danych=false;
- }
- return blad_danych;
- }
- //Ocena
- function sprawdzOcene(){
- var formularz_obj=document.getElementsByName("rate");
- var blad_danych;
- for(var i=0; i<formularz_obj.length;i++){
- formularz_obj[i].classList.remove("is-valid");
- if (formularz_obj[i].checked){
- formularz_obj[i].classList.add("is-valid");
- blad_danych=false;
- }
- }
- return blad_danych;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement