<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;)字段?
答案 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);
});