Отображение изображения по одному

#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 });  });  

Спасибо.