添加多个输入值并将其分配给变量

时间:2017-11-10 05:32:28

标签: javascript jquery html

我需要添加多个输入文本值并将其分配给变量。我现在可以添加它并将其发送到一个id但我想把它作为一个变量。请参阅下面的js代码

之后的变量条件

我的HTML

 <input type="text" name="quant[1]" class="form-control input-number" value="0" min="0" max="5">
 <input type="text" name="quant[2]" class="form-control input-number" value="0" min="0" max="5">
 <input type="text" name="quant[3]" class="form-control input-number" value="0" min="0" max="5">
 <input type="text" name="quant[4]" class="form-control input-number" value="0" min="0" max="5">

0

JS

 $(document).ready(function(){

    //iterate through each textboxes and add keyup
    //handler to trigger sum event
    $(".input-number").each(function() {

        $(this).keyup(function(){
            calculateSum();
        });
    });

});

function calculateSum() {

    var sum = 0;
    //iterate through each textboxes and add the values
    $(".input-number").each(function() {

        //add only if the value is number
        if(!isNaN(this.value) && this.value.length!=0) {
            sum += parseFloat(this.value);
        }

    });
    //.toFixed() method will roundoff the final sum to 2 decimal places
    $("#sum").html(sum.toFixed(2));
}

上面的代码加起来并将值设置为id sum,我希望当前2个值已经给出5的输出时,加法不是hapn。最大值shd是5所以输入字段应该像2 ,1,1,1或2,3,0,0或5,0,0,0求和值shd为5,如果在第一个输入字段中实现,则求和不应继续。

1 个答案:

答案 0 :(得分:0)

尝试这个(将值推送到数组作为示例,或者如果您希望字符串只连接值):

var variable = [];
self.forEachValue = function(key, element){
    variable.push(element.value);
};
$(".input-number").map(self.forEachValue);
console.log(variable);