如果第一个为空,请禁用添加更多文件输入,javascript

时间:2018-09-05 17:05:02

标签: javascript json html5

我正在一个可以添加附件的选项的项目中,您可以添加任意数量的文件,但是如果第一个为空,则我想禁用添加更多的输入,如果第二个为空,则我想禁用添加更多的输入,等等...

HTML代码:

<input type="hidden" name="file_count" value="1" id="file_count">
<div id="file_block">
  <div class="form-group">
    <label for="p-in" class="col-md-4 label-heading" style="margin-top:0px"><?php echo lang("ctn_438") ?></label>
    <div class="col-md-8">
        <input type="file" name="user_file_1" class="form-control">
    </div>
  </div>
</div>
<input type="button" name="s" value="<?php echo lang("ctn_439") ?>" class="btn btn-info btn-xs" onclick="add_file()">

JavaScript

function add_file() 
{
    var count = $('#file_count').val();
    count++;
    var html = '<div class="form-group">'+
                    '<label for="p-in" class="col-md-4 label-heading"><?php echo lang("ctn_438") ?></label>'+
                    '<div class="col-md-8">'+
                        '<input type="file" name="user_file_'+count+'" class="form-control">'+
                    '</div>'+
                '</div>';
    $('#file_block').append(html);
    $('#file_count').val(count);
}

谢谢!

0 个答案:

没有答案