如何使用PHP中的jQuery添加循环生成的输入值

时间:2014-03-22 03:19:31

标签: php jquery

如何在PHP中获取使用jQuery循环生成的输入值?

我有两个输入,由循环生成,我需要用jQuery获取这两个输入,以便在我们的论文中用作验证。

代码是:

<?php
for ($i=0; $i <5 ; $i++) {
    echo "$i.   
        <input class='text$i' type='text' name='text$i'>
        <input class='text$i' type='text' name='text$i'>
        </br></br>";        

    ?>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/JavaScript">
        $(document).ready(function(){
            $(<?php echo "'.text$i"?> ).each(function(){
                $(this).keyup(function(){
                    calculateSum();
                });
            });
        });

        function calculateSum() {
            var sum = 0;
            $(<?php echo "'.text$i'";?>).each(function() 
            {
                if(!isNaN(this.value) && this.value.length!=0)
                {
                    sum += parseFloat(this.value);
                }

                $('#sum').html(sum.toFixed());
            });
        }
    </script>

    <?php
    echo"<label>Total:&nbsp;</label><span id='sum'>0</span>";
    echo "</br>";
}
?>

1 个答案:

答案 0 :(得分:0)

var calculateSum = function () {
    var sum = 0;
    $('.class1').each(function () {
        if (!isNaN(this.value) && this.value.length !== 0) {
            sum += parseFloat(this.value);
        }

        $('#sum').html(sum.toFixed());
    });
};


$('.class1').each(function () {
    $(this).keyup(function () {
        calculateSum();

    });
});

WORKING DEMO