计算空输入字段[]?

时间:2012-01-04 06:31:20

标签: jquery

<ul id="uploadimages">
    <li><input type="file" name="gallery[]" id="upload1"/></li>
    <li><input type="file" name="gallery[]" id="upload2"/></li>
    <li><input type="file" name="gallery[]" id="upload3"/></li>
    <li><input type="file" name="gallery[]" id="upload4"/></li>
</ul>

如何计算<ul>内有多少空输入(type =&#34; file&#34;)字段?

3 个答案:

答案 0 :(得分:2)

$('#uploadimages input:file[value=""]').length

答案 1 :(得分:2)

使用您的示例

<ul id="uploadimages">
    <li><input type="file" name="gallery[]" id="upload1"/></li>
    <li><input type="file" name="gallery[]" id="upload2"/></li>
    <li><input type="file" name="gallery[]" id="upload3"/></li>
    <li><input type="file" name="gallery[]" id="upload4"/></li>
</ul>

<input type="button" value="click" class="count"/>

document.ready中的脚本

$(".count").click(function(){
var count = $('#uploadimages input:file[value=""]').length
alert(count);

})

答案 2 :(得分:1)

Murtaza接受的做法不幸地对我不起作用。我不知道为什么。 https://jsfiddle.net/7vLrhqyw/

这有效:

$(".count").click(function () {
    var count=0;
    $('#uploadimages input:file').each(function(){
       if($(this).val()=="")count++; 
    });
    alert(count);

});