отключить кнопку с помощью jquery

Question

Я искал на этом сайте, не могу найти ответ на мою проблему ..

У меня есть HTML-форма, которая может загружать несколько изображений.выглядит так:

    <form enctype="multipart/form-data" method="post">
  <p>
   <label for="image1">File number 1 to upload:</label>
   <input id="image1" type="file" name="file[]" >
  </p>
        <p>
   <label for="image1">File number 1 to upload:</label>
   <input id="image1" type="file" name="file[]" >
  </p>
    //etc etc
    </form>

Что я хочу сделать, это отключить каждую кнопку «выбрать файл» после того, как изображение было выбрано.

Если это невозможно, могу ли яМожно ли отобразить сообщение об успехе после того, как каждый из них выбран?(может быть до 20 кнопок загрузки ..)

Спасибо

Answer 1

У вас есть повторяющиеся идентификаторы "image1".Возможно, это только в вашем вопросе, но если это в вашем коде, помните, что он недействителен.

Вот немного более быстрый способ:

$('input:file').change(function() {
    this.disabled = !!this.value;
});

Answer 2

Используйте событие change:

$('input[type="file"]').change(function() {
    if($(this).val().length)
       $(this).attr('disabled','disabled'); 

});

Answer 3

Я думаю, что это правильный слушатель для всех типов ввода изображения.

$(document).ready(function() {
  //for all image inputs
  $("input:file").change(function(){
    //check if an image is submitted
    if(this.value){
        //disable element
        $(this).attr("disabled", true); 
    }
  });

});

Answer 4

Попробуйте это:

$(function(){
  $('#formID :file').change(function(){
    // if there is some value specified
     if (this.value){
       $(this).attr('disabled', 'disabled');
     }
  });
});

Код должен отключить поле файла после того, как файл был указан. Хотя я не думаю, что это хорошая практика, потому что пользователь может захотеть указать и другой файл.

Answer 5

Спасибо всем за помощь, но никто не работал! Каждый раз, когда я использовал скрипт для отключения кнопки, он отменял загрузку.

Мне действительно нужен был только визуальный признак того, что кнопка была нажата, поэтому я придумал это, и это сработало на моей странице PHP.

$(".classclick$count").click(function(){

    $(".classclick$count").append("<span style=color:red;> < DONE </span>");

});