如何计算我的所有输入

Question

您好，我有两种类型的输入动态和静态。我想计算它们并在其他输入中显示总数。

这是我的静态输入

<input step="any" type="number" readOnly id="totallundi" class="totallundi"
       name="totallundi" size="10" min="0" max="24" value="0" onblur="autre();" 
       onfocus="enter();"/>

这是我添加动态输入的按钮

<p id="add_lundi" class="plus">
    <a href="#"><span> + </span></a>
</p>
<p id="remove_lundi" class="minus">
    <a href="#"><span> - </span></a>
</p>

这是我在 javascript 中使新行动态化的函数

var counter = 0;
var $newRow; 

$(function(){
    $('#add_field').click(function(){
        counter += 1;

        $('#calculTempsdiv').append(
            $('<input id="temps' + counter + '" name="temps[]" type="number" size="10" min="0" max="24" value="0" step="any" onchange="checkField();" class="dynamic" onblur="autre();" onfocus="enter();"/>')  
        )
    });
});

我如何计算它们并将其显示在此处：

<input step="any" type="number" id="totaldimanche" class="totaldimanche" 
       readOnly name="totaldimanche" size="10" min="0" max="24" value="0" 
       onblur="autre();" onfocus="enter();"/>

编辑

这里我目前如何计算我的静态值，它并没有占用我的静态值（我没有显示我所有的输入，所以总迪曼奇存在，totallundi 存在，但我没有在代码中显示我的输入，因为它都是一样的。

$('document').ready(function() {



    $(
        '#totaldimanche,#totallundi, #totalmardi, #totalmercredi , #totaljeudi, #totalvendredi ,#totalsamedi, #input1,#input2,#temps3,#input4,#input5,#input6,#tempsam  '
    ).each(function()   {$(this).on('change',recalculate);}
       );

});

function recalculate()
{

    if(isNaN(this.value))
       alert("Please enter a number");

    else
    {

   var b = 0; 

     if ( 
     ( $('#totaldimanche').val() !== b)  
     &&   ( $('#totallundi').val() !== b   )
     &&    ($('#totalmardi').val() !== b   )
     &&    ($('#totalmercredi').val() !== b   )
     &&    ($('#totaljeudi').val() !== b   )
     &&   ( $('#totalvendredi').val() !== b   )   
     &&   ( $('#totalsamedi').val() !== b ))
     {

        var a = 40;

        var value1 = $('#totaldimanche').val() == "" ? 0 :  parseFloat($('#totaldimanche').val());
        var value2 = $('#totallundi').val() == "" ? 0 :  parseFloat($('#totallundi').val());
        var value3 = $('#totalmardi').val() == "" ? 0 :  parseFloat($('#totalmardi').val());
        var value4 = $('#totalmercredi').val() == "" ? 0 :  parseFloat($('#totalmercredi').val());
        var value5 = $('#totaljeudi').val() == "" ? 0 :  parseFloat($('#totaljeudi').val());
        var value6 = $('#totalvendredi').val() == "" ? 0 :  parseFloat($('#totalvendredi').val());
        var value7 = $('#totalsamedi').val() == "" ? 0 :  parseFloat($('#totalsamedi').val());
        var total =  value1 + value2 + value3  + value4 + value5 + value6 + value7 ;

        $('#result').val(total);

Answer 1

我认为您可以使用length property 并在您的输入中显示值。

您可以在添加新的动态输入后将其添加到您的函数中。

编辑：

您正在附加一个新输入，其 id 等于 temps + increment 并且它有一个名称为动态的类。如果您想知道动态输入的数量，那么您只需要调用一个计算函数即可。您可以创建一个新函数countDynamicInputs() 并在追加新输入后在您的点击函数上调用它。

function countDynamicInput() {

    $(".dynamic").length;

}

看到您的代码，我看不到任何其他方法来计算动态输入，就像您对静态输入所做的那样，因为您只设置了一个 temps + increment 的 id 和一个动态的类。如果您想像计算静态输入一样计算输入，您应该寻找一种在动态输入中设置日期的方法。

编辑2：

您说“我想计算它们并在其他输入中显示总数。”我理解它，因为您想知道动态输入的数量。如果你想得到这个值，那么你需要在你的动态输入上使用each iterator 并得到它的值并将它们相加。

您可以将 each 应用到动态类中以获取所有输入并为每次迭代获取值。