Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
АлексейП418
3 / 3 / 3
Регистрация: 07.04.2012
Сообщений: 194
#1

при выборе кнопки radio выбиралась вторая

18.02.2013, 13:32. Просмотров 1056. Ответов 9
Метки нет (Все метки)

есть 4 кнопки input type="radio", нужно чтобы когда выбрал "журнал" выбиралась автоматически размер A4, а когда выбрал "мягкая обложка" выбиралось "А5", как это реализовать? подскажите пожалуйста! картинка прилагается.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div style="text-align:center; margin-top:120px; display:block;">
    <p style="font-size:21"><b>№1 </b>Выбор продукта </p>
        <div style="width:300px; margin-left:20%;float:left;"><img src="file:///C:/Documents and Settings/admin/Рабочий стол/Новая папка (3)/Мягкий_переплет.jpg" /><br><input type="radio" name="dost" value="1">
        <label style="color:#5f5f5f; font:normal 18px Tahoma, Geneva, sans-serif;">Мягкая обложка</label></div><div style="width:300px; margin-left:10%;float:left;"><img src="file:///C:/Documents and Settings/admin/Рабочий стол/Новая папка (3)/журнал.jpg" /><br><input type="radio" name="dost" value="2">
        <label style="color:#5f5f5f; font:normal 18px Tahoma, Geneva, sans-serif;">Журнал</label></div>
    </div>
    <div style="text-align:center; margin-top:310px;display:block;">
    <p style="font-size:21"><b>№2 </b>Формат книги</p>
        <div style="width:300px; margin-left:20%;float:left;"><img src="file:///C:/Documents and Settings/admin/Рабочий стол/Новая папка (3)/A4.jpg" /><br><input type="radio" name="host" value="1">
        <label style="color:#5f5f5f; font:normal 18px Tahoma, Geneva, sans-serif;">A4 (210x297 мм)</label></div><div style="width:300px; margin-left:10%;float:left;"><img src="file:///C:/Documents and Settings/admin/Рабочий стол/Новая папка (3)/A5.jpg" /><br><input type="radio" name="host" value="2">
        <label style="color:#5f5f5f; font:normal 18px Tahoma, Geneva, sans-serif;">A5 (210x148 мм)</label></div>
    </div>
0
Миниатюры
при выборе кнопки radio выбиралась вторая  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
18.02.2013, 13:32
Ответы с готовыми решениями:

Как при выборе radio блокировать и разблокировать внутренние элементы?
как сделать так чтобы нажав на первый радио селект-меню блокировалось,а при...

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

Обязательный выбор кнопки input radio
Приветствую, друзья. Стало необходимостью сделать обязательный выбор кнопок. На...

Обработка нажатия Radio кнопки средствами css
Подскажите, пожалуйста, как можно реализовать такую идею. Вот html код...

Спрятать кнопки radio в starRating для IE8
Система starRating работает для всех браузеров, так как у меня как всегда стоит...

9
АлексейП418
3 / 3 / 3
Регистрация: 07.04.2012
Сообщений: 194
18.02.2013, 16:39  [ТС] #2
если я непонятно описал проблему расскажу подробнее: если нажать на кнопку "журнал", то еще и автоматически выбирается кнопка "А4", т.е. включены получается 2 кнопки(журнал и А4), а если нажать на "мягкая обложка", то еще выбирается А5, т.е. "мягкая обложка+А5"
0
Valiant
39 / 39 / 1
Регистрация: 12.02.2013
Сообщений: 177
19.02.2013, 07:25 #3
Полагаю, что в данном случае без скриптов не обойтись, конечно, можно извратиться и сделать все без них, но для тебя скриптами будет проще
1
newJS
2397 / 1070 / 307
Регистрация: 23.06.2011
Сообщений: 3,330
19.02.2013, 09:14 #4
написать все так криво, это надо быть большим мастером
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div style="text-align:center; margin-top:120px; display:block;">
    <p style="font-size:21"><b>№1 </b>Выбор продукта </p>
        <div style="width:300px; margin-left:20%;float:left;"><img src="file:///C:/Documents and Settings/admin/Рабочий стол/Новая папка (3)/Мягкий_переплет.jpg" /><br>
<label style="color:#5f5f5f; font:normal 18px Tahoma, Geneva, sans-serif;"><input type="radio" name="dost" value="1" id="dost1" onclick="document.getElementById('host1').checked=true;"> Мягкая обложка</label></div><div style="width:300px; margin-left:10%;float:left;"><img src="file:///C:/Documents and Settings/admin/Рабочий стол/Новая папка (3)/журнал.jpg" /><br>
<label style="color:#5f5f5f; font:normal 18px Tahoma, Geneva, sans-serif;"><input type="radio" name="dost" value="2" id="dost2" onclick="document.getElementById('host2').checked=true;"> Журнал</label></div>
    </div>
    <div style="text-align:center; margin-top:310px;display:block;">
    <p style="font-size:21"><b>№2 </b>Формат книги</p>
        <div style="width:300px; margin-left:20%;float:left;"><img src="file:///C:/Documents and Settings/admin/Рабочий стол/Новая папка (3)/A4.jpg" /><br>
<label style="color:#5f5f5f; font:normal 18px Tahoma, Geneva, sans-serif;"><input type="radio" name="host" value="1" id="host1" onclick="document.getElementById('dost1').checked=true;"> A4 (210x297 мм)</label></div><div style="width:300px; margin-left:10%;float:left;"><img src="file:///C:/Documents and Settings/admin/Рабочий стол/Новая папка (3)/A5.jpg" /><br>
<label style="color:#5f5f5f; font:normal 18px Tahoma, Geneva, sans-serif;"><input type="radio" name="host" value="2" id="host2" onclick="document.getElementById('dost2').checked=true;"> A5 (210x148 мм)</label></div>
    </div>
2
АлексейП418
3 / 3 / 3
Регистрация: 07.04.2012
Сообщений: 194
19.02.2013, 16:22  [ТС] #5
newJS, Спасибо большое!! понимаю что вопрос был глупый, но с js не очень дружу, хотя основы тоже знать надо. Спасибо!

Добавлено через 5 часов 53 минуты
newJS, не подскажешь пожалуйста скрипт, который выводит например содержимое блока <div> не обновляя страницы? например, у меня в калькуляторе потом кнопка будет "расчитать", и после обработки php скриптом нужно будет вывести результат не обновляя страницы на эту же страницу, подскажи пожалуйста! гуглил, нигде подобного не нашел, или коды в сотни строк
0
Taatshi
19.02.2013, 18:55
  #6
 Комментарий модератора 
АлексейП418, одна тема - один вопрос. Создайте новую.
0
АлексейП418
3 / 3 / 3
Регистрация: 07.04.2012
Сообщений: 194
20.02.2013, 09:17  [ТС] #7
Taatshi, извиняюсь, но я просто у знающего человека в созданной теме спрашиваю,
0
Lovrentiy
161 / 161 / 11
Регистрация: 07.09.2011
Сообщений: 995
20.02.2013, 12:37 #8
если брать логику построения условия, то будет нечто вроде:

C#
1
2
3
4
5
6
if(radiobutton1 = checked)
{radiobuttonA4 = checked;}
else if (radiobutton2 = checked)
{radiobuttonA5 = checked;}
else
{return;}
автоматические выполнения и зависимости в html мне не известны. Если такое возможно, было бы интересно услышать.
0
АлексейП418
3 / 3 / 3
Регистрация: 07.04.2012
Сообщений: 194
20.02.2013, 13:35  [ТС] #9
Lovrentiy, чуть выше newJS ответил на этот вопрос, все проще чем мне самому казалось) вот еще мучает вопрос о выводе цены...
0
Taatshi
Администратор
11709 / 5052 / 257
Регистрация: 05.04.2011
Сообщений: 13,803
Записей в блоге: 2
20.02.2013, 16:47 #10
Цитата Сообщение от АлексейП418 Посмотреть сообщение
Taatshi, извиняюсь, но я просто у знающего человека в созданной теме спрашиваю
 Комментарий модератора 
Это нарушение правил форума. Еще раз: одна тема - один вопрос. Предупреждение
0
20.02.2013, 16:47
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
20.02.2013, 16:47

Как сделать по умолчанию отмеченным один из пунктов кнопки radio
Всем привет! Возникла небольшая задача по css, нужно чтобы при загрузке...

Input type="radio" Картинка вместо кнопки в Firefox
input.styled { background: url(img/bitcoin.png) no-repeat 0 0; ...

Как изменить "radio" на кнопки?
Доброй ночи уважаемые, вот кусок общедоступного кода от Яндекс.Деньги, форма...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru