Как слушать все input?

Question

[Dmax99]

Здравствуйте!
Нашел в файле.js один кусок кода, слушатель.
Он слушает извинения в input и если chenge продолжает свою работу (я полный нуб)
Но проблема в том, что он не слушает все поля.
Только первый блок, остальные пропускает...

Я проверяю или input получил checked
это опции, и каждая первая опция в блоке имеет checked

$(document).ready(function() {
      kjset.initEvent();
      startTimer();

      setTimeout(function() { $(".set-options input").change(); } , 500);
  });

Answer 1

[defriz]

$(document).ready(function() {
      kjset.initEvent();
      startTimer();
      function changeFunc () {}; // функция, которая выполнится при изменении инпутов, добавьте в {} свои действия.
      setTimeout(function() { $(".set-options").on('change', changeFunc) } , 500); 
  });

Comments

[Dmax99]

А можете сказать, как ее найти, или на что она похожа?
А то тут файл большой, даже не знаю что искать(

[Dmax99]

Это оно? А то если изменить Radio на Radios то при нажатии на радиокнопку ничего не происходит, а должно

$(".set-options select,.set-options input[type='radio'],.set-options input[type='checkbox']").change(function() {
              var options = $(this).parents('.set-options').find("select option:selected,input[type='radio']:checked,input[type='checkbox']:checked");
              var btn_id = $(this).parents('.set-options').attr("id");
              var product = $("button[data-target='#" + btn_id + "'").parents('.set-product');
              obj.current_set = $(product).parents('.set');
              var cprice = parseFloat($(product).find("input[name='sp_cprice']").val());
              var eq_mod = false;
              var total = cprice;

              var str_opts = "";

              $(options).each(function() {
                  //console.log($(this).parents('.form-group').find('label'));

                  str_opts += $(this).parents('.form-group').find('label').eq(0).text().trim();
                  str_opts += ": ";
                  str_opts += $(this).parent('label').text().trim();
                  str_opts += "<br/>";
                 // console.log(str_opts);

                  var pre = $(this).data('prefix');
                  var price = parseFloat($(this).data('price'));
                  if (pre.length != 0 && isNaN(price) == false) {
                      switch (pre) {
                          case '-':
                              total -= price;
                              break;
                          case '+':
                              total += price;
                              break;
                          case '=':
                              total = price;
                              break;
                          case '*':
                              total *= price;
                              break;
                          case '/':
                              total /= price;
                              break;
                          case 'u':
                              total = total + (($total * price) / 100);
                              break;
                          case 'd':
                              total = total - ((total * price) / 100);
                              break;
                          default:
                              break;
                      }
                  }
              });
              $("button[data-target='#" + btn_id + "'").html(str_opts);
              //console.log(str_opts);

              total -= cprice;
              $(product).find("input[name='sp_option_price']").val(total);
              obj.update_total();
          });

[defriz]

Dmax99, эту функцию вы должны написать там сами, https://learn.javascript.ru/function-expressions.

если Вы поменяете radio на radios не будет работать, т.к. вы меняете данные и в коде по ним ищутся нужные элементы из html и так как в элементах input стоит атрибут type равный radio, Вам ничего не найдет.

пример HTML, JS:
<input class="set-options" type="radio"></input>

код, который выполнится:

$(".set-options input[type='radio']").change(function () { alert(1); });

код, который не выполнится:

$(".set-options input[type='radios']").change(function () { alert(1); });

[Dmax99]

defriz, Я немного разобрался что к чему, вернее нашел код который отвечает за выполнение.
Но я знаю JS на том уровне, когда вы с ним впервые познакомились))

В общем.
Слушаем input и если есть Чанге, выполняем kjset.initEvent();

$(document).ready(function() {
      kjset.initEvent();
      startTimer();

      setTimeout(function() { $(".set-options input").trigger('change'); } , 500);
  });

Вот в этой части
var kjset = {
Извините, всю часть не могу выложить, ограничения сайта, только 10к символов

Есть кусочек кода

$("button[data-target='#" + btn_id + "'").html(str_opts);

Он передает данные str_opts в кнопку

Кнопка:

{% if (options) %} 
<div class="dm-com-vd-button-1"><button type="button" class="btn btn-primary open-options" data-toggle="modal" data-target="#sets-popup-{{ modal_id }}">{{ text_sets_options }}</button></div>
{% endif %}

Проблема в том, что кнопка имеет data-target в котором есть ID вы это уже увидели.
И дело в том, что если две кнопки с одинаковым ID то данные с str_opts подставляться только в одну кнопку.
А как сделать чтобы данные str_opts вставлялись во все кнопки с одинаковым ID я не знаю, даже если найду пример, я блин не пойму что нашел...

Я прикреплю полный файл, вдруг поможете, честно говоря, с понедельника эту х**** колупаю, и уже тошнит....

Файл.js

[defriz]

$("button[data-target='#" + btn_id + "'").each(function () { this.innerHTML = str_opts; });

[Dmax99]

defriz, К сожалению, по прежнему вставляет данные только в кнопки с уникальным ИД, пропускает дубли(