#image #checkbox #display
Вопрос:
У меня в форме есть флажок, который будет отображать изображения при проверке элемента .
Возможно ли , что изображения будут отображаться одно за другим при каждом нажатии на элемент , потому что на данный момент каждый раз, когда я устанавливаю флажок для элемента, он отображается в назначенном мной div .
Чего я хочу добиться , так это того , что при проверке элемента он будет отображаться , а когда я нажму на другой элемент, предыдущее изображение будет заменено новым элементом, который был отмечен .
Я назначил идентификатор и класс на изображении, и вот мой JS :
jQuery(document).ready(function( $ ){ $(function() { $('.decalcheckbox input[type=checkbox]').on("change",function() { var checkbox = $(this).val().toLowerCase(); var checkboxremovespace = checkbox.replace(/ /g, "_") $('#decal_' checkboxremovespace).toggle(this.checked); }).change( ); // trigger the change }); });
Извините за мой английский, но я надеюсь, что объяснил, что хочу сказать .
Спасибо.
Ответ №1:
Я только что внес некоторые изменения в свой код следующим образом .
Надеюсь, кто-нибудь сможет пролить немного света .
jQuery(document).ready(function( $ ){ $(function() { $('.decalcheckbox input[type=checkbox]').on("change",function() { if ($(this).is(':checked')) { $("#bento_preview_item").hide(); } else{ $("#bento_preview_item").show(); } var checkbox = $(this).val().toLowerCase(); var checkboxremovespace = checkbox.replace(/ /g, "_") $('#decal_' checkboxremovespace).toggle(this.checked); }).change( ); // trigger the change }); });
Спасибо.