上传多个文件后启用提交按钮

时间:2013-01-08 12:11:21

标签: javascript jquery

所以我在这里得到了部分答案,我需要的是启用一个提交按钮,但只能在上传多个文件后。当我只上传1时,它会自动启用,但我需要的是在我提交第二个文件之前提交不会启用。

$(document).ready(
function(){
    $('input:submit').attr('disabled',true);
    $('input:file').change(
        function(){
            if ($(this).val()){
                $('input:submit').removeAttr('disabled'); 
            }
            else {
                $('input:submit').attr('disabled',true);
            }
        });
});

http://jsfiddle.net/2Ayu5/49/ 谢谢

2 个答案:

答案 0 :(得分:4)

请参阅此Link with Demo

id使用file

$(document).ready(
    function(){
        $('input:submit').attr('disabled',true);
        $('input:file').change(
            function(){
                if ($("#1").val() && $("#2").val()){
                    $('input:submit').removeAttr('disabled'); 
                }
                else {
                    $('input:submit').attr('disabled',true);
                }
            });
    });

答案 1 :(得分:2)

试试这个:http://jsfiddle.net/arvind07/2Ayu5/50/

$(document).ready(
    function(){
        $('input:submit').attr('disabled',true);
        $('input:file').change(
            function(){
                if ($("#file1").val() && $("#file2").val()){
                    $('input:submit').removeAttr('disabled'); 
                }
                else {
                    $('input:submit').attr('disabled',true);
                }
            });
    });

HTML:

<form action="#" method="post">
    <fieldset>
        <input type="file" id="file1"/>
    </fieldset>
   <fieldset>
        <input type="file" id="file2"/>
    </fieldset>
    <fieldset>
        <input type="submit" />
    </fieldset>
</form>