Передать параметр в div
Есть набор набор Чекбоксов и Радиокнопок.
Радиокнопки по умолчанию: .attr('disabled', true);При выборе Чекбокса меняю аттрибуты соответствующих Радиокнопок: .attr('disabled', false);Задача: отобразить выбор Чекбоксов и Радиокнопок при .mouseup(function()Думаю, что можно сделать это путём вывода Value в некий Div. Форма: <h2><label id="framing" class="fin"><input name="b" value="Багет" type="checkbox">Багет</label></h2> <h3>Дерево</h3> <label id="wood-white"><input name="fram" value="Дерево.Белый." type="radio">белый</label> <label id="wood-black"><input name="fram" value="Дерево.Чёрный." type="radio">чёрный</label> <h3>Алюминий</h3> <label id="alum-silver"><input name="fram" value="Алюминий. Серебро." type="radio">серебро</label> <label id="alum-gold"><input name="fram" value="Алюминий. Серебро." type="radio">золото</label> <label id="alum-black"><input name="fram" value="Алюминий. Чёрный." checked="checked" type="radio">чёрный</label>Вывод: <h2>Выбрано</h2> <div id="baget"> <h3>Багет</h3> <div id="output-baget">Дерево. Чёрный.</div> </div> Соответсвенно при выключении Чекбокса (например Багет), данные из "Выбрано" выключаются (выгружаются). Дайте совет нубу, как это лучше реализовать (варианты возможны) - с понятными примерами. Спасибо. ![]() |
В блоке для вывода сделайте несколько DIV-ов, специально для каждой категории (багет, накатка etc.)
Затем обрабатывайте нажатия на чекбокс таким способом: (чекбоксам добавить класс main) document.onmouseup = function (event) { var target = (event = event || window.event).target || event.srcElement; if (/(?:^| )main(?:$| )/.test(target.className)) { if (target.checked) { // на данный момент чекбокс НЕ поставлен } else { // поставлен } } }; Узнавайте, в какой конкретный DIV ставить данные по id чекбокса или ещё как-нибудь. Выбранную radio-кнопку и подкатегорию можно найти так: var elem = ..., // Первая radio-кнопка radio, // Здесь будет выбранная radio-кнопка catg; // Здесь будет подкатегория, которой она принадлежит (дерево, алюминий etc.) while (elem = elem.nextSibling) { if (elem.checked) { radio = elem; while (elem = elem.previousSibling) { if (elem.tagName == "H3") { catg = elem; break; } } break; } } |
Часовой пояс GMT +3, время: 14:55. |