占用百分比的用户输入表?

时间:2012-03-22 10:43:42

标签: javascript html

我在表格中有2个列。 “活动”和“平均时间百分比”,对于每个活动,我希望用户在“平均时间百分比”列中输入%值,我有7个活动行。我想要的是要添加到100%的所有7个字段的%值,然后只有提交按钮才会生效... 任何人都知道如何解决这个问题。

提前致谢

此致 HRG

2 个答案:

答案 0 :(得分:0)

在所有输入字段上绑定一个javascript onkeyup事件。

无论什么时候触发,都要加上所有字段的值。

如果是100,请启用该按钮,否则将其禁用。

您使用的是jQuery还是原始Javascript?

答案 1 :(得分:0)

您应该将keyup事件附加到每个输入并添加它们的值。

$("input[type!='submit']").keyup(function () {
   count();
});

function count(){
   var total = 0;
    $("input[type!='submit']").each (function () {
        total+= parseInt($(this).val() || 0); 
    });

    if (total === 100) {
        $("input[type='submit']").removeAttr('disabled', '');   
    } else {
        $("input[type='submit']").attr('disabled', 'disabled'); 
    }
}

演示:http://jsfiddle.net/VTq2v/1/