总动态输入

时间:2014-04-28 17:57:29

标签: javascript php dynamic totals

你好我有3种输入。我通过添加按钮进行动态创建

  //function append mardi
var countermardi = 0;
 var $newRow ; 
$(function(){
    $('#add_mardi').click(function(){
        countermardi += 1;

        $newRow = $('<input id="nummar' + countermardi + '" name="nummar[]' + '" type="text" onblur="autre();" onfocus="enter();" /> ')     ;   $('#nummar').append($newRow)

        $newRow.keypress (function (e) { return handledynmar(event, this, 'task');}) 

                    $newRow.autocomplete(autocompOpt);
               $('#clientmar').append(
                    (    '<input id="clientmar' + countermardi + '" name="clientmar[]' + '" type="text"  onblur="autre();" onfocus="enter();" />')  

                )
                $('#prodescmar').append(
                    (    '<input id="prodescmar' + countermardi + '" name="prodescmar[]' + '" type="text" onblur="autre();" onfocus="enter();" />')     
                    )
                $('#protachemar').append(
                    (    '<textarea id="protachemar' + countermardi + '" name="protachemar[]' + '" type="text"  rows="1" cols="20" />')     
                    )
                $('#prolieudivmar').append(
                    (    '<input id="prolieudivmar' + countermardi + '" name="prolieudivmar[]' + '" type="text" onblur="autre();" onfocus="enter();" />')   
                    )
                select = $('<select id="tachedivmar' + countermardi + '" name="tachedivmar[]" type="text" onblur="autre();" onfocus="enter();" />');
                select.append($("#Selectmardi option").clone());
                $("#tachedivmar").append(select);

                $('#calculTempsdivmar').append(
                    (    '<input id="calculTempsdivmar' + countermardi + '" name="calculTempsdivmar[]' + '" type="number" size="10" min="0" max="24" value="0" class="dynamic" onblur="autre();" onfocus="enter();" />')    
                    )   
    });
});

我有总天数按X输入计算1天。

<td>
        <span id="calculTemps2">
            <div id="calculTempsdivmar">
                <input step="any"  id="temps3" onblur="autre();" onfocus="enter();" type="number" class= "temps"  name="tempsma" size="2" min="0" max="24" value="0"/></br>
            </div>
        </span>
    </td>
    <td>
        <div id="tempsmartotal"> 
                <input step="any" type="text" onblur="autre();" onfocus="enter();" id="tempsmartotal"  class="temps"  name="tempsmartotal" size="5"  value="0"/><br/>
            </div >
    </td>

</tr>

我总共有一整天。

<input type="text" id="result" readonly="readonly" name="total" onblur="autre();" onfocus="enter();" />

这里我是如何以静态方式进行计算的

//mercredi
$("#calculTemps3").on('change','input.temps',function() {
    var total = 0;
    $(".temps").each(function() {
        total = parseFloat(total) + parseFloat($(this).val());
    });
    $("#result").val(total);
});

那么我如何计算星期六的新calculTempsdivmar?

1 个答案:

答案 0 :(得分:0)

使用长度

$("#calculTemps3").on('blur','input.temps',function() {
    var total = $(this).find('input').length;

    $("#result").val(total);
});