Помощник
|
Хочу чтобы при выборе чекбокса снизу печаталось сообщение, а не на новой странице |
IvanovIvan
|
Сообщение
#1
|
||
|
|
||
|
|||
Albatros |
9.12.2010, 14:15;
Ответить: Albatros
Сообщение
#2
|
|
Можно так:
[JS]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script language="JavaScript"><!-- function q1() { document.getElementById('label').innerHTML ='<FONT COLOR="RED">'+'выбран красный'+'</FONT>'; } function q2() { document.getElementById('label').innerHTML ='<FONT COLOR="BLUE">'+'выбран синий'+'</FONT>'; } function q3() { document.getElementById('label').innerHTML ='<FONT COLOR="GREEN">'+'выбран зеленый'+'</FONT>'; } // --></script> </head> <body> <form name='form1'> <input type='checkbox' name='c2' onClick='q1()'>RED <input type='checkbox' name='c2' onClick='q2()'>BLUE <input type='checkbox' name='c3' onClick='q3()'>GREEN </form> <div id="label"></div> </body> </html> [/JS] |
|
|
IvanovIvan
|
Сообщение
#3
|
|
Спасибо, с "getElementById" я еще пока не знаком, буду разбираться
|
|
|
Letmetouchyou |
9.12.2010, 16:31;
Ответить: Letmetouchyou
Сообщение
#4
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type='text/css'> * {margin:0; padding:0;} div.block {border:1px solid #444; width:200px; float:left; margin:0 10px; padding:5px} </style> </head> <body> <div class='block'> <input type='checkbox' name='red'>RED <p></p> </div> <div class='block'> <input type='checkbox' name='blue'>BLUE <p></p> </div> <div class='block'> <input type='checkbox' name='green'>GREEN <p></p> </div> <script type="text/javascript"> var data = { red:{ text:'Выбран красный', color:'#cc0000' }, blue:{ text:'Выбран синий', color:'#3399ff' }, green:{ text:'Выбран зеленый', color:'#009900' } }; function onChange(e){ var name = this.name; var p = this.parentNode.getElementsByTagName('p')[0]; if(this.checked){ p.style.color = data[name].color; p.innerHTML = data[name].text; } else { p.innerHTML = ''; } } var boxes = document.getElementsByClassName('block'); var checkboxes = []; for(var i = 0; i<boxes.length; i++){ var element = boxes[i].getElementsByTagName('input'); checkboxes.push(element); element[0].addEventListener('change',onChange,false); } </script> </body> </html>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта | 0 | Alex-777 | 944 | 7.4.2024, 18:05 автор: Alex-777 |
|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
7 | stu999 | 1756 | 31.3.2024, 11:19 автор: stu999 |
|
Apple пойдет на сотрудничество с конкурентами, чтобы выбиться в лидеры с ИИ | 4 | Room | 1230 | 31.3.2024, 1:15 автор: Liudmila |
|
SEO-текст на главной странице сайта и в категориях | 5 | boltuk | 1430 | 26.3.2024, 21:43 автор: c4p1t4l15t |
|
Как составить уравнение, чтобы назначить цену для товара? | 2 | rownong27 | 761 | 21.3.2024, 12:53 автор: Lumex |
Текстовая версия | Сейчас: 25.4.2024, 2:33 |