несколько вопросов (формы радио кнопка)

macsergey · November 9, 2009

всем привет. я недавно начал html изучать и создавать свой сайт. и у меня есть несколько вопросов.

у меня в форме есть радиокнопки. нужно чтобы при выборе какой-то кнопки появлялось дополнительное поле.

типа этого:

вариант а

вариант б

вариант в

другое

и при выборе "другое" появлялось поле которое до этого скрыто и туда надо будет вписать свой вариант.

а если переключить на а,б или в оно опять скрывалось.

надеюсь ясно объяснил что мне требуется.

Justnewone · November 9, 2009

всем привет. я недавно начал html изучать и создавать свой сайт. и у меня есть несколько вопросов.
у меня в форме есть радиокнопки. нужно чтобы при выборе какой-то кнопки появлялось дополнительное поле.
типа этого:
вариант а
вариант б
вариант в
другое
и при выборе "другое" появлялось поле которое до этого скрыто и туда надо будет вписать свой вариант.
а если переключить на а,б или в оно опять скрывалось.
надеюсь ясно объяснил что мне требуется.

Это делается на JavaScript. Сначала, скажите добавьте доп. полю в CSS .hidden {display:none}, а потом при клике на последний радиобаттон этот класс отбирать.

macsergey · November 9, 2009

не совсем понял, можно чуть поподробнее что и к чему добавить? получается надо для этого java скрипт написать?

Justnewone · November 9, 2009

не совсем понял, можно чуть поподробнее что и к чему добавить? получается надо для этого java скрипт написать?

Да, именно так, надо написать JavaScript. Что я непонятно написал в первом ответе, все расписано, что и к чему добавить и как поступить.

s0rr0w · November 9, 2009

не совсем понял, можно чуть поподробнее что и к чему добавить? получается надо для этого java скрипт написать?

Чуть поподробнее: Навешиваете onclick обработчик на чекбоксы, который делает следующее: если значение атрибута value данного радиобатона равняется значению "other" (или что у вас там на него навешано), то скрыть поле, иначе показать поле.

Да, придется написать 6 строчек гениальнейшего JS-кода.

macsergey · November 9, 2009

хорошо)) только я не знаю ничего про java скрипт, может поможете как его надо написать?

Justnewone · November 9, 2009

хорошо)) только я не знаю ничего про java скрипт, может поможете как его надо написать?

Может лучше сам? Будет что детям рассказать, узнаете и в след. раз быстро сделаете. А то опять идти, конючить...

s0rr0w · November 9, 2009

хорошо)) только я не знаю ничего про java скрипт, может поможете как его надо написать?

Не поверишь, тут тоже никто понятия не имеет, кто такое java скрипт, с чем его едят...

macsergey · November 9, 2009

ну спасибо и на этом))

macsergey · November 9, 2009

немного почитал и сделал сам вот так

<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<TITLE>
</TITLE>
<style type="text/css">
   #other {position: relative; visibility: hidden;}
</style>
<script type="text/javascript">
   function show() {
	document.getElementById("other").style.visibility = "visible";
   } 
   function noshow() {
	document.getElementById("other").style.visibility = "hidden";
   } 
</script>
</head>
<BODY>
<input type="radio" name="other" value="1" checked  onclick="noshow()">А
<input type="radio" name="other" value="2" onclick="noshow()">Б
<input type="radio" name="other" value="3" onclick="noshow()">В
<input type="radio" name="other" value="4" onclick="show()">Другое

<table id="other">
	<tr>
		<td>другое</td>
	</tr>
</table>
</BODY>
</HTML>

Edited November 9, 2009 by macsergey

Justnewone · November 9, 2009

Очень достойно.

s0rr0w · November 9, 2009

Вот это молодец!

Ничего ведь сложного, правда?

Другие бы так проблемы решали..

macsergey · November 10, 2009

вот у меня еще одна проблема))

нужно с зависимости от того что выбрано выводить сумму.

изночально дано, к примеру, 100 и это выводится в конце страницы.

есть еще радиобаттон. "А" "Б" "В". при выборе "А" +0, при "Б" +10, при "В" +20. и в зависимости от того что выбрано должно прибавляться в тем 100.

еще имеется чикбаттон. когда она нажимается прибавляется +50.

нашед в интернете скрипт делающий примерно то что надо, но не совсем.

<html>
<head>
<script language=JavaScript>
function sums2()
{
 arr = new Array(1,2,3,4,5,6,7,8,9,10,11,12)
 sum=0;
 for(i=1;i<13;i++)
 { 

  if(document.getElementById("r"+i).checked)sum+=arr[i-1];
 }
 a=0;
 s=parseInt(document.getElementById("r13").value);
 if((s>0)&&(s<10))a=10
 else  if((s>9)&&(s<31))a=30
 else  if(s>30)a=50;
 sum+=s*a;
 document.formText.sumOut.value=sum;
}

</SCRIPT>
</head>
<body>
<FORM name=formText>
<INPUT id=r1 type=radio name=aa>text 1 
<INPUT id=r2 type=radio name=aa>text 2 
<INPUT id=r3 type=radio name=aa>text 3<BR><BR>
<INPUT id=r4 type=checkbox>text 4<BR>
<INPUT id=r5 type=checkbox>text 5<BR>
<INPUT id=r6 type=checkbox>text 6<BR>
<INPUT id=r7 type=checkbox>text 7<BR>
<INPUT id=r8 type=checkbox>text 8<BR>
<INPUT id=r9 type=checkbox>text 9<BR>
<BR>
<INPUT id=r10 type=radio name=bb>text 10 
<INPUT id=r11 type=radio name=bb>text 11 
<INPUT id=r12 type=radio name=bb>text 12<BR><BR>
<INPUT id=r13 type=text name=txt value=0><BR><BR>
<INPUT onclick=sums2() type=button value=Подсчитать> 
<BR>Сумма:<BR><INPUT disabled name=sumOut></FORM>
</body>
</html>

macsergey · November 10, 2009

уже не надо. нашел решение

s0rr0w · November 10, 2009

Ты нас радуешь!

Делаешь неплохие успехи!

Sign In

несколько вопросов (формы радио кнопка)

Question

Link to comment

Share on other sites

14 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information