добавить значение 2 отключенных входов

Question

добавить значение 2 отключенных входов

0

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

мой js:

$(document).on('change', '.var1', function(){
    var total = 0;
    $('.var1').each(function() {
        total += parseFloat($(this).val());
    });
    $('#sum').val(total)
});

$(document).on('change', '.var2', function(){
    var total = 0;
    $('.var2').each(function() {
        total += parseFloat($(this).val());
    });
    $('#sum2').val(total)
});

$(document).ready(function(){
var a = +$('input[name=sum]').val();
var b = +$('input[name=sum2]').val();
var total = a+b;
$('#total').val(a+b);

});

HTML:

print "<select class=\"var1\" name=\"var1[$transnum]\">"; var1_list(); 
print "</select>\n";
print "<select class=\"var2\" name=\"var2[$transnum]\">"; var2_list(); 
print "</select>\n";

print "<input name=\"sum\" id=\"sum\" type=\"text\" size=\"4\"/ disabled>\n"; //add up 1
print "<input name=\"sum2\" id=\"sum2\" type=\"text\" size=\"4\"/ disabled>\n"; //add up 2
print "<input name=\"total\" id=\"total\" type=\"text\" size=\"4\"/ disabled>\n"; // add up total

rubberchicken 31 окт. 2013, в 18:37

Источник

0

Где код с классом = var1 и var2?
Kristen Waite 31 окт. 2013, в 17:27
0

Где в вашем HTML-коде .var1 и .var2?
Joao Paulo 31 окт. 2013, в 17:29
0

я отредактировал сообщение ... но это не имеет ничего общего с тем, что я хочу .. я просто хочу сложить значения из 2 сумм отключенных ящиков
rubberchicken 31 окт. 2013, в 17:36
0

сумма и сумма2 складывают сумму из выпадающего меню .. это работает нормально .. я просто хочу сложить сумму из 2 отключенных полей суммы для #total
rubberchicken 31 окт. 2013, в 17:38
0

Вы можете опубликовать HTML, как он появляется на странице?
gloomy.penguin 31 окт. 2013, в 17:38
0

также ... вам нужен только один $(document).ready(Function(){...}); Если вы можете обновить свой вопрос с полным HTML, держу пари, я могу дать вам ответ в течение 5 секунд. о, не берите в голову, вы делаете $(document).on('change'..
gloomy.penguin 31 окт. 2013, в 17:41

Показать ещё 4 комментария

Теги:

jquery

3 ответа

1

Пытаться

$(document).on('change', '.var1', function(){
    var total = 0;
    $('.var1').each(function() {
        total += parseFloat($(this).val());
    });
    $('#sum').val(total)
    $('#total').val($('#sum').val()+$('#sum2').val());
});

$(document).on('change', '.var2', function(){
    var total = 0;
    $('.var2').each(function() {
        total += parseFloat($(this).val());
    });
    $('#sum2').val(total)
    $('#total').val($('#sum').val()+$('#sum2').val());
});

#total раз будет вычисляться значение #.

beautifulcoder 31 окт. 2013, в 15:39

0

beautifulcoder - спасибо.. я использовал ваш и отредактировал его, потому что он давал мне значения 1 + 1 = 11..

это работает:

$(document).on('change', '.var1', function(){
    var total = 0;
    $('.var1').each(function() {
        total += parseFloat($(this).val());
    });
    $('#sum').val(total)
    var a = +$('#sum').val();
    var b = +$('#sum2').val();
    $('#total').val(a+b);
});

$(document).on('change', '.var2', function(){
    var total = 0;
    $('.var2').each(function() {
        total += parseFloat($(this).val());
    });
    $('#sum2').val(total)
    var a = +$('#sum').val();
    var b = +$('#sum2').val();
    $('#total').val(a+b);
});

rubberchicken 31 окт. 2013, в 15:36

Ещё вопросы

я отредактировал сообщение ... но это не имеет ничего общего с тем, что я хочу .. я просто хочу сложить значения из 2 сумм отключенных ящиков
сумма и сумма2 складывают сумму из выпадающего меню .. это работает нормально .. я просто хочу сложить сумму из 2 отключенных полей суммы для #total
Вы можете опубликовать HTML, как он появляется на странице?
также ... вам нужен только один $(document).ready(Function(){...}); Если вы можете обновить свой вопрос с полным HTML, держу пари, я могу дать вам ответ в течение 5 секунд. о, не берите в голову, вы делаете $(document).on('change'..

gloomy.penguin · Accepted Answer · 2013-10-31T15-20-00.000Z

Это то, что я сделал, не зная всей информации. http://jsfiddle.net/9neYY/

У меня была опечатка в моем первом коде и jsfiddle... я исправил ее

// initialize things... 
update_sum();  
update_sum2(); 
update_total(); 

$(document).on('change', '.var1', function(){
    console.log('var 2 change'); 
    update_sum(); 
    update_total(); 
});

function update_sum(){ 
    var total = 0;
    $('.var1').each(function() {
        total += parseFloat($(this).val(),10);
    });
    $('#sum').val(total);  
};

$(document).on('change', '.var2', function(){
    var total = 0;
    console.log('var 2 change'); 
    update_sum2(); 
    update_total(); 
});

function update_sum2(){ 
    var total = 0;
    $('.var2').each(function() {
        total += parseFloat($(this).val(),10);
    });
    $('#sum2').val(total);  
};

function update_total(){
  var a = +$('input[name=sum]').val();
  var b = +$('input[name=sum2]').val();
  var total = a+b;
  $('#total').val(a+b); 
};

HTML Я использовал:

<select class="var1" name="var1[]">
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
</select>
<select class="var2" name="var2[]">
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
</select><br/><br/>

Sum:<input name="sum" id="sum" type="text" size="4" disabled>&nbsp;&nbsp;&nbsp;&nbsp;

Sum2: <input name="sum2" id="sum2" type="text" size="4" disabled>&nbsp;&nbsp;&nbsp;&nbsp;

Total: <input name="total" id="total" type="text" size="4" disabled> <br/>

Я не уверен, что вы используете классы в коде...
вам нужно включить базовый параметр в функцию parseInt чтобы он

var value = $ ("# sum"). val();
var base = 10;
var new_value = parseInt (значение, база);