CODEWITHSUNDEEP
jquery
Sara
Sara

Reputation: 14628

Count empty input field[]?

<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>

How to count how many empty input(type="file") fields inside the <ul> ?

Upvotes: 0

Views: 3025

Answers (3)

Aleksander A
Aleksander A

Reputation: 341

Accepted approach of Murtaza unfortunatelly doesn't work for me. I don't know why. https://jsfiddle.net/7vLrhqyw/

This works:

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

});

Upvotes: 1

Murtaza
Murtaza

Reputation: 3065

Working with your example 

<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"/>

Script in document.ready

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

})

Upvotes: 2

Anurag
Anurag

Reputation: 141879

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

Upvotes: 2

Related Questions