Передать параметр в 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, время: 05:43. |