javascript - jQuery 遍历输入字段并禁用

Question

我有一个问题想弄清楚......

我在表单中有很多输入，但我只需要使用 player 类迭代 div 中的输入。

<div class="player">
 <input type="text" value="0" class="unit" />
 <input type="text" value="0" class="unit" />
 <input type="text" value="0" class="unit" />
 <input type="text" value="0" class="unit" />
 <input type="text" value="0" class="unit" />
 <input type="text" value="0" class="unit" />
 <input type="text" value="0" class="unit" />
</div>

我需要的是在输入字段被修改后遍历它们，并计算有多少个输入字段中有 0，如果是 1 或超过 4 则禁用提交按钮。

我一直在尝试这样的方法，但似乎不起作用

    $(document).ready(function()
    {
        $(function()
        {
            var $sum = parseInt($("#sum").text(), 10);
            var $num = 0;
            if(($sum == 0))
            {
                $("button[name=submit2]").attr("disabled", "disabled");
            }

            $(".player input[type=text]").bind("DOMSubtreeModified", function()
            {
                $.each($("input[type=text]"),function(){
                    if (!isNaN(+this.value)) 
                    {
                        ++$num;
                    }
                });
                if (($num > 4) || ($num == 1))
                     $("button[name=submit2]").attr("disabled", "disabled");
                else
                     $("button[name=submit2]").removeAttr("disabled");
            });
        })      
    });

我也尝试过

        $(document).ready(function(){
            $(".unit").each(function() {

                $(this).keyup(function(){
                    CheckNull();
                });
            });
            function CheckNull() {
                var $num = 0;
                $(".unit").each(function() {
                    if(!isNaN(this.value) && this.value.length!=0) {
                        ++$num;
                    }
                });
                if (($num > 4) || ($num == 1))
                    $("button[name=submit2]").attr("disabled", "disabled");
                else
                    $("button[name=submit2]").removeAttr("disabled");
            }
        });

Answer 1

尝试改变

if(!isNaN(this.value) && this.value.length!=0) {
   ++$num;
}

与

if($(this).val() != "" && $(this).val() !=0) {
   ++$num;
}

更加jQuery风格