Показать сообщение отдельно
  #1 (permalink)  
Старый 29.04.2019, 05:23
Кандидат Javascript-наук
Отправить личное сообщение для Hovik Посмотреть профиль Найти все сообщения от Hovik
 
Регистрация: 15.10.2018
Сообщений: 116

Изменять картинки
Привет всем!
Я хочу на чистом javascripte написать script, но не получается. Подскажите пожалуйста что я сделал не правильно. Задача такая при вебере флажка нужно изменять название картинке в тег img. Для этого я даже создал несколько массивов чтобы создать новы массив и сравнит с помощью if но не получается.

<!--FORM 1 START  есть 3 таких форм-->
<form  class="pasive" action="mail.php" method="post" name="landing" enctype="multipart/form-data">
                        <div class="pasive_up">
                            <img src="img/icon_cart.png" alt="" class="cart_logo">
                            <img src="img/stars/stars1.png" alt="" class="cart_star">
                        </div>
                        <p><input type="checkbox" id="cart_active1" data-price="4000" name="design"><label for="cart_active1">Дизайн</label></p>
                        <p><input type="checkbox" id="cart_active2" data-price="2000" name="logo"><label for="cart_active2">Лого</label></p>
                        <p><input type="checkbox" id="cart_active3" data-price="500" name="animation"><label for="cart_active3">Анимация</label></p>
                        <p><input type="checkbox" id="cart_active4" data-price="800" name="slider"><label for="cart_active4">Слаидер</label></p>
                        <p><input type="checkbox" id="cart_active5" data-price="800" name="galery"><label for="cart_active5">Галерия</label></p>
                        <p><input type="checkbox" id="cart_active6" data-price="600" name="contacts"><label for="cart_active6">Связи с сайта</label></p>
                        <p><input type="checkbox" id="cart_active7" data-price="600" name="chat"><label for="cart_active7">Онлайн чат</label></p>
                        <p><input type="checkbox" id="cart_active8" data-price="1300" name="seo"><label for="cart_active8">Оптимизация</label></p>
                        <p><label for="pasive_name1">имя и фамиля</label><input type="text" id="pasive_name1" name="name"></p>
                        <p><label for="pasive_email1">почта</label>      <input type="email" id="pasive_email1" name="email"></p>
                        <p><select name="select_contact" >
                            <option value="Skype">Skype</option>
                            <option value="Telegram">Telegram</option>
                            <option value="Viber">Viber</option>
                        </select>
                                                               <input type="text"id="pasive_phone1" name="number_contact"></p>
                        <p><label for="pasive_file1">ТЗ</label><input type="file" id="pasive_file1" value="ТЗ" name="file_tz"></p>
                        <span class="score" id="score1">Ваш заказ стоит 0 рублей</span>
                        <button class="count" >Заказать сейчас</button>
                        <i class="icon-cancel-circled cart_close"></i>
                    </form>


let one =    ['design', 'galery', 'slider', 'contacts'];
  let to =     ['design', 'galery', 'slider', 'contacts', 'logo', 'animation'];
  let three =  ['design', 'galery', 'slider', 'contacts', 'logo', 'animation', 'chat', 'seo'];
  let four =  ['design', 'text', 'pro', 'aux', 'logo', 'device', 'siti', 'action'];
  let five =  ['porto', 'back', 'front', 'fritail', 'languiges', 'lanch', 'chat', 'seo'];



     let pasiv =  document.querySelectorAll('.pasiv');
      for (let i = 0; i < pasiv.length; i++) {   
       let inp = pasiv[i].querySelectorAll('input[type="checkbox"]');
        for (let i = 0; i < inp.length; i++) {
         inp[i].oninput = function(){
          let mas = [];
           for (let i = 0; i < inp.length; i++) {
            if (inp[i].checked) {
               let star = 'img/stars/stars3.png';
       
                  star_img.src = star;
           }
          }
         
              }       
                }
              };

Последний раз редактировалось Hovik, 29.04.2019 в 17:13.
Ответить с цитированием