Как добавить html по выбору radio в jquery?

Question

[Сергей Хлопов]

Здравствуйте, подскажите пожалуйста. У меня есть 3 radio input. В соответствии из того, какой input выбрал пользователь, ему выводиться картинка.

jQuery(document).ready(function() {
	jQuery("#edit-sxem input").on("click", function () {
		var ch = jQuery( 'input:checked' ).val();
		if(ch == "0") {
			jQuery("#edit-sxem").prepend("<div class='col-lg-12'><img src='/../images/figur1.png'> </div>"); 
		}
	});
});

Но собственно моя проблема в том, что если несколько раз нажать на один и тот же input, столько же раз вставиться картинка.

Подскажите пожалуйста, как это можно исправить?

Answer 1

[Антон Шаманов]

Удалять предыдущую картинку перед добавление (remove\empty)

Comments

[Сергей Хлопов]

Да точно) спасибо большое. Вот так вот решил проблему.

jQuery(document).ready(function() {
	jQuery("#edit-sxem input").on("click", function () {
		var ch = jQuery( 'input:checked' ).val();
		jQuery(".imagesBlock").remove();
		if(ch == "0") {	
			jQuery("#edit-sxem").prepend("<div class='col-lg-12 imagesBlock'><img src='sites/all/modules/webformizi/images/figur1.png'> </div>"); 
		}
	});
});