Как связать Checkbox с select'ом?

Question

[BadassRolf]

Помогите додумать.
Нужно, чтобы при нажатии на чекбокс выбирался соответствующий селект.
Как я понял, прописав value='ckeck1' в селекте и привязав его к чекбоксу через id='ckeck1'
не получится. Да и пошарив гугл, понял, что без скриптов не обойтись.

Кто что знаешь? Может есть наработки, возможно вы обошлись без скриптов вовсе?

Буду рад любому ответу.

Answer 1

[Денис Инешин]

1. Вам понадобиться jQuery
2. Вместо чекбкосов вам понадобятся элементы radio
3. jsfiddle.net/IonDen/9v8bb579

var $radios = $("input[name='radios']"),
    $select = $(".select");

$radios.on("change", function () {
    var val = $(this).prop("value");
    $select.prop("value", val);
});

Comments

[BadassRolf]

Спасибо, дядь. Вот это рабочий вариант :)

Answer 2

[GreatRash]

Что значит "выбирался соответствующий селект"? Он должен получить фокус, активироваться, появиться? Опишите проблему подробней.

codepen.io/anon/pen/zGKdWq

Comments

[BadassRolf]

Ну вот есть у меня чекбокс



Нажимая на него у меня в селекте должен выбираться нужный пункт.
В данный момент, нажимая на чекбокс должен сам выбраться "Пункт 2"

[GreatRash]

BadassRolf: А что будет если я выберу два чекбокса одновременно? Или три?

[BadassRolf]

GreatRash: Нужно запретить выбирать два чекбокса

[Александр Таратин]

BadassRolf: Зачем тогда чекбокс, а не радио?

[GreatRash]

BadassRolf: Зачем вообще такая извратная схема? Почему не сделать тупо несколько радио-кнопок. Или, на худой конец select size="N"?

[BadassRolf]

GreatRash: Александр Таратин: Вы думаете, что это возможно будет сделать без скриптов?

[Антон Мудренок]

а через атрибут for ваша задача не решается?
htmlbook.ru/html/label/for