Да вы правы

Да вы правы, и ещё я и сверстаю flex ом и span и в отдельном диве, воабшем получается сплашная каша.

Если так, то выбирать span непустые и разрешенные поля, это не лучшее что можно придумать. Такое возможно, если при любом раскладе элементы одного набора будут гарантированно иметь "вторую половину" в другом наборе и под теми же индексами.

Если span содержит цены, а поля ввода, это количество, то цену выгоднее содержать в самом поле ввода в атрибуте data-... (чисто цена, без всяких руб. и т.п.). По событию ввода в поле нужно удалять не цифровые символы из него и производить расчет. А для этого достаточно пройти циклом (здесь можно использовать единственный фильтр - разрешенные), умножая их значения на значения из атрибута data-..., и суммируя. А span в расчетах вообще не используется.

Да видно что у вас большая опыт, это хорошая идея, сейчас пабробаю сам сделать, если будут вопросы то обращаюсь к вам. Царские Спасибо вам.

Здравствуйте laimas, я пробовал кое-что получилось, но не все к сожалению. две значение друг к другу умножается, но вот только не знаю как патом суммировать все это чтобы получил общую сумму.

$('.calc1_btn').click(function(){ 
$ ('#calc .calc1_input input').not("[disabled]").each (function (index) {
     let input = ($ (this).val ());
     let  data =($('#calc .calc1_input input').not("[disabled]").data("price"));
     let inputs = input * data; 
      
     console.log(input); 
     console.log(data); 
     console.log(inputs);
     $('.calc_result p').html(inputs);
});});

<div class="calc1_input calc_one">
      <span>Քանակ</span>
      <input type="text" data-price="5000">
      <input type="text" data-price="5000">
      <input type="text" data-price="5000">
    </div>
<button class="calc1_btn">сумм</button>
<div class="calc_result"> <p></p></div>

Hovik,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Сделал

Hovik,

$('.calc1_btn').click(function(){ 
let inputs = 0;
$ ('#calc .calc1_input input').not("[disabled]").each (function (index) {
     let input = ($ (this).val ());
     let  data =($('#calc .calc1_input input').not("[disabled]").data("price"));
      inputs += input * data; 
      
     console.log(input); 
     console.log(data); 
     console.log(inputs);
     });
$('.calc_result p').html(inputs);

});

Спасибо за ответ рони, но скрипт работает не правильно, оно выбирает для всех значение первого data, а они могут быть разними

и еще хорошо было если мы могли объединить эти две функции я пробовал разные варианты, но не получилось, проблема по моему в действие одна сработает при клике, а другая при смене option.

var AMD = 1;
var RUB = 8;
var USD = 480;


 $('#valute').change(function(){
    if($('#valute option:selected').val() == 'AMD'){ var valute = AMD; }
    else if($('#valute option:selected').val() == 'USD'){ var valute = USD;}
    else{ var valute = RUB;} console.log(valute);});


$('.calc1_btn1').click(function(){ 
let inputs = 0;
$ ('#calc .calc1_input input').not("[disabled]").each (function (index) {
     let input = ($ (this).val ());
     let  data =($('#calc .calc1_input input').not("[disabled]").data("price"));
      inputs += input * data; 
});
$('#calc .calc_result p').html("Ընդհանուր Արժեքը: " + inputs + " դրամ");
});