jQuery: выберите флажок при нажатии поля загрузки

Я работаю над CMS. Когда пользователь хочет заменить существующее эскизное изображение, он может загрузить замену и установить флажок, чтобы подтвердить, что они действительно заменяют изображение. Флажок кажется необходимым, потому что в противном случае форма отправляет пустое значение (из-за пустого значения по умолчанию для поля загрузки, по умолчанию для всех браузеров) и вытирает существующее изображение без указания замещающего изображения.jQuery: выберите флажок при нажатии поля загрузки

Проблема заключается в том, что я забываю вручную активировать флажок и загруженное изображение фактически не заменит существующий, потому что без флажка проверяется файл Принимающий PHP не (дизайн) обработки загружаемых файлов , Я подозреваю, что у пользователей будет такая же проблема, и я хочу, чтобы это не произошло, уменьшив количество необходимых шагов. Одним из решений было бы проверить флажок с jQuery всякий раз, когда нажимается поле загрузки. Так почему же не эта работы:

$('#image_req').click(function() { 
    if ($('#checkbox_req').attr('checked',true)) { 
     $('#checkbox_req').removeAttr('checked'); 
     alert('Unchecked'); 
    } else if ($('#checkbox_req').attr('checked',false)) { 
     $('#checkbox_req').attr('checked','checked'); 
     alert('Checked'); 
    } 
});

HTML, в вопросе выглядит следующим образом:

<input id="image_req" name="local_filename" type="file" /> 
<input id="checkbox_req" name="replace_image" value="yes" type="checkbox" />

источник

2010-05-15 Arne Stephensson

это может быть, что $ конфликтуют с существующей библиотекой JavaScript в вашем CMS. Я должен был сделать что-то подобное с некоторыми коробками и узнал о jQuery.noConflict:

jQuery.noConflict(); 

jQuery(document).ready(function() { 
    //preselect sectionid 
    jQuery('select[name="sectionid"] option[value="29"]').attr("selected", true); 
    jQuery('select[name="sectionid"] option[value="29"]').trigger("change"); 
    jQuery('select[name="access"] option[value="1"]').attr("selected", true); 
});

после «jQuery.noConflict();» Вы можете использовать «JQuery» вместо «$»

также в моем случае я должен был вызвать событие изменения, поскольку содержание в переключателе «Доступ» находится в зависимости от любой выбран в «sectionid» переключателе

источник

2010-05-15 15:52:57 Timmy

Спасибо Тимми, я думаю, что буду использовать метод, отличный от Javascript, размещенный здесь Алексом, но я буду держать в виду noConflict(). Вы говорите, что иначе мой код jQuery должен работать? Несмотря на то, что я хочу использовать другой метод, отличный от Javascript, мне все же интересно узнать, почему мой скрипт не работает должным образом. Я просто изучаю jQuery, поэтому я все еще не понимаю весь синтаксис. –

также можно использовать $ в качестве параметра в анонимной функции даже после использования 'noConflict' следующим образом:' jQuery (document) .ready (function ($) {$ ("# id") ...}); ' и он не будет конфликтовать с существующим значением '$'. –

Can» t вы включаете значение по умолчанию в скрытый ввод (type="hidden")? Таким образом, когда вы отправляете форму, вы знаете, что такое значение по умолчанию. Если ничего не меняется, используйте значение по умолчанию или ничего не делайте, и если файл загружается (отметьте $_FILES), используйте новый файл.

источник

2010-05-15 15:55:44 Alec

Alec, спасибо - это отличная альтернатива. Как только я узнал, что вы не можете добавить атрибут «значение» к полям загрузки файлов (по соображениям безопасности), и я думаю, что мое творческое мышление просто отключилось. Мне нравится jQuery, но это гораздо более простой метод. Спасибо, что нашли время ответить. –

@Arne

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

$('#image_req').mouseup(function() { 
    if ($('#checkbox_req').attr('checked',false)) { 
     $("input[name='replace_image']").attr('checked', true); 
    } 
});

@Doug: спасибо за совет

источник

2010-05-15 21:11:47 Timmy

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

$('#image_req').click(function() { 
    var checkbox = $('#checkbox_req'); 
    if (checkbox.is(':checked')) { 
     checkbox.removeAttr('checked'); 
     alert('Unchecked'); 
    } else { 
     checkbox.attr('checked', 'checked'); 
     alert('Checked'); 
    } 
});

Но это делает какой-то смысл? Когда пользователь сначала проверяет флажок вручную, а затем удаляет загрузку, он снова не проверяется.

Я бы пометил его по умолчанию, установив в свой HTML-код checked. Если пользователь не захочет заменить изображение, он может снять его вручную.

PS: Как просто повернуть флажок в скрытое поле, если вам действительно нужен этот флажок, который нужно всегда проверять?

<input id="checkbox_req" name="replace_image" value="yes" type="hidden" />

Если это не представляется возможным по какой-либо причине, вот еще одна идея, с тем же эффектом: Установите флажок с яваскрипт и скрыть его с помощью CSS.

источник

2010-05-15 21:17:40 Alex

Я закончил тем, что использовал скрытый ввод, который был очевидным решением, и тот, который я реализовал до этого, но как-то забыл это время. Но я ценю все разнообразные и полезные ответы. Потоки переполнения стека.

источник

2010-05-17 14:56:19

jQuery: выберите флажок при нажатии поля загрузки

ответ

Смежные вопросы