是否选中了检查文件

时间:2015-01-20 06:26:30

标签: javascript jquery html5 input

<table style="width:100%" cellpadding = 0 cellspacing=0>
        <tbody>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input style="align:center;" class="multi" type="file" multiple="multiple" id="pic1" name="picture">
                </td>
            </tr>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input type="file" multiple="multiple" id="pic2" class="multi" name="picture">
                </td>
            </tr>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input type="file" multiple="multiple" id="pic3" class="multi" name="picture">
                </td>
            </tr>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input type="file" multiple="multiple" id="pic4" class="multi" name="picture">
                </td>
            </tr>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input type="file" multiple="multiple" id="pic5" class="multi" name="picture">
                </td>
            </tr>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input type="submit" value="Upload" style="border:0 none;width:30%; font-size:20px;height:35px;background-color:#44C1D3;color:white;border-radius:5px;-webkit-border-radius: 5px;" />
                </td>
            </tr>
        </tbody>
    </table>

我想检查是否选择了任何一个输入文件。 可能是它的第一个或最后一个。我只想生成一些弹出窗口,如果没有选择文件。但如果选择了一个文件,则返回true

1 个答案:

答案 0 :(得分:0)

试试这个:

$('#pic1').change(
    function(e){
        console.log(this.files)
    }
)

这将检测第一个输入类型的文件选择。您可以获取每个输入标记的files属性,并根据该属性做出决定。

http://jsfiddle.net/uwobenbt/

编辑:这是完整的代码http://jsfiddle.net/uwobenbt/5/

function test() {
    var count = 0;
    $('.multi').each(
        function(d){
            if(this.files.length != 0) count ++
        }
    )
    if(count) alert('files are selected')
    else alert ('no files selected')
}