Как выбрать radio-кнопку нажав на текст или картинку рядом?

Question

[sitev_ru]

Пишу интерфейс, где выбор дизайна сайта осуществляется с помощью radio-кнопок с подписью и картинками



Как сделать выбор не только кликая по radio-кнопкам, но и по тексту и по картинкам?

Answer 1

[Дмитрий Новиков]

оберните радиокнопку и кликабельный контент в label

<label> <input type="radio"> <img src="..."> Текст</label>

Comments

[nable]

спасибо за исчерпывающий ответ! )

Answer 2

[Шаров Дмитрий]

https://jsfiddle.net/w39qcx4c/
самый простой вариант используя тег label
если что-то по слежнее то js

Answer 3

[lyeskin]

На JS

Comments

[sitev_ru]

Надо сделать обработку каждого элемента?

[lyeskin]

Ну если они у вас в одном общем элементе лежат, то что-то вроде

$('img.theme').on('click', function(){ 
    $(this).closest('.container').find(':radio').attr('checked', true);
});