Как вывести на страницу отмеченные checkbox'ы?

21.11.2010, 20:56. **Показов** 7770. **Ответов** 21

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Подскажите пожалуйста, как вывести на страницу отмеченные checkbox'ы?

@8oOoRPM · 21.11.2010, 23:19

konkretnee nemnogo ) , jelatelino kod !!!

Inache ja pojmu chto my ne znaem chto takoe <input type="radio">

@8oOoRPM · 21.11.2010, 23:19

mozhno i po krasivej esli chto...)))

@8oOoRPM · 21.11.2010, 23:22

mozhno i javascript napisat' !!! Tok znat' kakoi konkretno-opisanie !

@8oOoRPM · 21.11.2010, 23:29

...esli chto v lichku ili na mylo)

21.11.2010, 23:38

если конкретно, есть такой код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script language="JavaScript">
<!-- hide
 
function f(){
if (document.myForm.myCheckbox.checked){
 
document.write(document.myForm.myCheckbox.value+"<br>");
}
if (document.myForm.myCheckbox2.checked){
 
document.write(document.myForm.myCheckbox2.value);}
}
/*if (document.myForm.myCheckbox3.checked){
 
document.write(document.myForm.myCheckbox3.value);}
}
if (document.myForm.myCheckbox4.checked){
 
document.write(document.myForm.myCheckbox4.value+"<br>");}
}
if (document.myForm.myCheckbox5.checked){
 
document.write(document.myForm.myCheckbox5.value+"<br>");}
}
if (document.myForm.myCheckbox6.checked){
 
document.write(document.myForm.myCheckbox6.value+"<br>");}
}*/
// -->
</script>

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<body bgcolor=lightblue>
<form name="myForm">
 
<input type="checkbox" name="myCheckbox" value="надежность" CHECKED ><br>
<input type="checkbox" name="myCheckbox2" value="сопровождение" checked ><br>
<input type="checkbox" name="myCheckbox3" value="удобство применения" checked ><br>
<input type="checkbox" name="myCheckbox4" value="эффективность" checked ><br>
<input type="checkbox" name="myCheckbox5" value="универсальность" checked ><br>
<input type="checkbox" name="myCheckbox6" value="корректность" checked ><br>
 
<input type="button" name="button3" value="button3" onclick="f()">
</form>
 
</body>
</html>

он работает только для 2-х if. если в коде script раскомментировать остальные и, соответственно, отметить не 2, а больше флажков, код не работает.
с любыми двумя if работает.
не могу понять в чем проблема.
Если можете, подскажите как улучшить код.

@8oOoRPM · 21.11.2010, 23:43

u menja vsjo rabotaet !!!

@8oOoRPM · 21.11.2010, 23:45

<html>
<head>
<script language="JavaScript">

</script>
</head>
<body bgcolor=lightblue>
<form name="myForm">

<input type="checkbox" name="myCheckbox" value="надежность" CHECKED ><br>
<input type="checkbox" name="myCheckbox2" value="сопровождение" checked ><br>
<input type="checkbox" name="myCheckbox3" value="удобство применения" checked ><br>
<input type="checkbox" name="myCheckbox4" value="эффективность" checked ><br>
<input type="checkbox" name="myCheckbox5" value="универсальность" checked ><br>
<input type="checkbox" name="myCheckbox6" value="корректность" checked ><br>

<input type="button" name="button3" value="button3" onclick="f()">
</form>

</body>
</html>

@8oOoRPM · 21.11.2010, 23:46

<html>
<head>
<script language="JavaScript">

function f(){
if (document.myForm.myCheckbox.checked){

document.write(document.myForm.myCheckbo x.value+"<br>");
}
if (document.myForm.myCheckbox2.checked){

document.write(document.myForm.myCheckbo x2.value);}
}
if (document.myForm.myCheckbox3.checked){

document.write(document.myForm.myCheckbo x3.value);}
}
if (document.myForm.myCheckbox4.checked){

document.write(document.myForm.myCheckbo x4.value+"<br>");}
}
if (document.myForm.myCheckbox5.checked){

document.write(document.myForm.myCheckbo x5.value+"<br>");}
}
if (document.myForm.myCheckbox6.checked){

document.write(document.myForm.myCheckbo x6.value+"<br>");}
}
</script>
</head>
<body bgcolor=lightblue>
<form name="myForm">

<input type="checkbox" name="myCheckbox" value="надежность" CHECKED ><br>
<input type="checkbox" name="myCheckbox2" value="сопровождение" checked ><br>
<input type="checkbox" name="myCheckbox3" value="удобство применения" checked ><br>
<input type="checkbox" name="myCheckbox4" value="эффективность" checked ><br>
<input type="checkbox" name="myCheckbox5" value="универсальность" checked ><br>
<input type="checkbox" name="myCheckbox6" value="корректность" checked ><br>

<input type="button" name="button3" value="button3" onclick="f()">
</form>

</body>
</html>

@8oOoRPM · 21.11.2010, 23:46

ubral komentarii...

@8oOoRPM · 21.11.2010, 23:47

mozhet v drugom problema ?? mozhno stranicy ??? chtob samomu posmotreti ?

@8oOoRPM · 21.11.2010, 23:53

hotja sejchas peredelaju, podozhdite...

22.11.2010, 00:00

проверяю в firefox - не работает.
должны выводиться значения отмеченных чекбоксов. не выводит ни все отмеченные, ни несколько отмеченных.
я писала выше, что если оставить любых два ifа и потом отметить соотв. флажки, то значения выводятся

@8oOoRPM · 22.11.2010, 00:53

<html>
<head>

<script language="JavaScript">
function all(check) {
for (i=0;i<6;i++) {
if (check) {
document.forms['form'].checkgroup[i].checked=true;
}
else {
document.forms['form'].checkgroup[i].checked=false;
}
}
}
</script>

</head>
<body bgcolor="lightblue" style="color:black">

<form name="form">
<input type="checkbox" name="checkgroup" >надежность<br>
<input type="checkbox" name="checkgroup" >сопровождение<br>
<input type="checkbox" name="checkgroup" >удобство применения<br>
<input type="checkbox" name="checkgroup" >эффективность<br>
<input type="checkbox" name="checkgroup" >универсальность<br>
<input type="checkbox" name="checkgroup" >корректность<br>

<input type=button name="check" value="check All"
onClick="all(true)">
<input type=button name="uncheck" value="unCheck All"
onClick="all(false)">
</form>

</body>
</html>

@8oOoRPM · 22.11.2010, 00:54

aaaaaaaaaaaaa, navernoe ponjal !!!, a kak oni doljny vyvoditsja ??

@8oOoRPM · 22.11.2010, 00:57

sejchas doem i sdelaju ))

@8oOoRPM · 22.11.2010, 01:06

<html>
<head>
<script language="JavaScript">
function vis(n){
var id=n.id+"div";
document.getElementById(id).style.visibi lity="visible";
}
</script>
<script language="JavaScript">
function all(check) {
for (i=0;i<6;i++) {
if (check) {
document.forms['form'].checkgroup[i].checked=true;
document.getElementById(i+'div').style.v isibility="visible";
}
else {
document.forms['form'].checkgroup[i].checked=false;
document.getElementById(i+'div').style.v isibility="hidden";
}
}
}
</script>

</head>
<body bgcolor="lightblue" style="color:black">

<form name="form">
<input type="checkbox" name="checkgroup" id="0" onclick="vis(this)" ><br><div id="0div" style="visibility: hidden;">надежность</div>
<input type="checkbox" name="checkgroup" id="1" onclick="vis(this)" ><br><div id="1div" style="visibility: hidden;">сопровождение</div>
<input type="checkbox" name="checkgroup" id="2" onclick="vis(this)" ><br><div id="2div" style="visibility: hidden;">удобство применения</div>
<input type="checkbox" name="checkgroup" id="3" onclick="vis(this)" ><br><div id="3div" style="visibility: hidden;">эффективность</div>
<input type="checkbox" name="checkgroup" id="4" onclick="vis(this)" ><br><div id="4div" style="visibility: hidden;">универсальность</div>
<input type="checkbox" name="checkgroup" id="5" onclick="vis(this)" ><br><div id="5div" style="visibility: hidden;">корректность</div>

<input type=button name="check" value="check All"
onClick="all(true)">
<input type=button name="uncheck" value="unCheck All"
onClick="all(false)">
</form>

</body>
</html>

@8oOoRPM · 22.11.2010, 01:08

document.getElementById(id).style.visibi lity="visi ble"; ------------ probel u visible toliko ubrat' nujno )

@8oOoRPM · 22.11.2010, 01:11

...v Firefox proverjal !!!

@8oOoRPM · 22.11.2010, 01:22

Vy etogo hoteli ?

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

Darya

	Как вывести на страницу отмеченные checkbox'ы? 21.11.2010, 20:56. Показов 7770. Ответов 21 Метки нет (Все метки) Здравствуйте! Подскажите пожалуйста, как вывести на страницу отмеченные checkbox'ы?

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	21.11.2010, 23:19
	konkretnee nemnogo ) , jelatelino kod !!! Inache ja pojmu chto my ne znaem chto takoe <input type="radio"> 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	21.11.2010, 23:19
	mozhno i po krasivej esli chto...))) 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	21.11.2010, 23:22
	mozhno i javascript napisat' !!! Tok znat' kakoi konkretno-opisanie ! 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	21.11.2010, 23:29
	...esli chto v lichku ili na mylo) 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	21.11.2010, 23:43
	u menja vsjo rabotaet !!! 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	21.11.2010, 23:45
	<html> <head> <script language="JavaScript"> <!-- hide function f(){ if (document.myForm.myCheckbox.checked){ document.write(document.myForm.myCheckbo x.value+"<br>"); } if (document.myForm.myCheckbox2.checked){ document.write(document.myForm.myCheckbo x2.value);} } /if (document.myForm.myCheckbox3.checked){ document.write(document.myForm.myCheckbo x3.value);} } if (document.myForm.myCheckbox4.checked){ document.write(document.myForm.myCheckbo x4.value+"<br>");} } if (document.myForm.myCheckbox5.checked){ document.write(document.myForm.myCheckbo x5.value+"<br>");} } if (document.myForm.myCheckbox6.checked){ document.write(document.myForm.myCheckbo x6.value+"<br>");} }/ // --> </script> </head> <body bgcolor=lightblue> <form name="myForm"> <input type="checkbox" name="myCheckbox" value="надежность" CHECKED ><br> <input type="checkbox" name="myCheckbox2" value="сопровождение" checked ><br> <input type="checkbox" name="myCheckbox3" value="удобство применения" checked ><br> <input type="checkbox" name="myCheckbox4" value="эффективность" checked ><br> <input type="checkbox" name="myCheckbox5" value="универсальность" checked ><br> <input type="checkbox" name="myCheckbox6" value="корректность" checked ><br> <input type="button" name="button3" value="button3" onclick="f()"> </form> </body> </html> 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	21.11.2010, 23:46
	<html> <head> <script language="JavaScript"> function f(){ if (document.myForm.myCheckbox.checked){ document.write(document.myForm.myCheckbo x.value+"<br>"); } if (document.myForm.myCheckbox2.checked){ document.write(document.myForm.myCheckbo x2.value);} } if (document.myForm.myCheckbox3.checked){ document.write(document.myForm.myCheckbo x3.value);} } if (document.myForm.myCheckbox4.checked){ document.write(document.myForm.myCheckbo x4.value+"<br>");} } if (document.myForm.myCheckbox5.checked){ document.write(document.myForm.myCheckbo x5.value+"<br>");} } if (document.myForm.myCheckbox6.checked){ document.write(document.myForm.myCheckbo x6.value+"<br>");} } </script> </head> <body bgcolor=lightblue> <form name="myForm"> <input type="checkbox" name="myCheckbox" value="надежность" CHECKED ><br> <input type="checkbox" name="myCheckbox2" value="сопровождение" checked ><br> <input type="checkbox" name="myCheckbox3" value="удобство применения" checked ><br> <input type="checkbox" name="myCheckbox4" value="эффективность" checked ><br> <input type="checkbox" name="myCheckbox5" value="универсальность" checked ><br> <input type="checkbox" name="myCheckbox6" value="корректность" checked ><br> <input type="button" name="button3" value="button3" onclick="f()"> </form> </body> </html> 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	21.11.2010, 23:46
	ubral komentarii... 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	21.11.2010, 23:47
	mozhet v drugom problema ?? mozhno stranicy ??? chtob samomu posmotreti ? 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	21.11.2010, 23:53
	hotja sejchas peredelaju, podozhdite... 0

Darya
	22.11.2010, 00:00
	проверяю в firefox - не работает. должны выводиться значения отмеченных чекбоксов. не выводит ни все отмеченные, ни несколько отмеченных. я писала выше, что если оставить любых два ifа и потом отметить соотв. флажки, то значения выводятся

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	22.11.2010, 00:53
	<html> <head> <script language="JavaScript"> function all(check) { for (i=0;i<6;i++) { if (check) { document.forms['form'].checkgroup[i].checked=true; } else { document.forms['form'].checkgroup[i].checked=false; } } } </script> </head> <body bgcolor="lightblue" style="color:black"> <form name="form"> <input type="checkbox" name="checkgroup" >надежность<br> <input type="checkbox" name="checkgroup" >сопровождение<br> <input type="checkbox" name="checkgroup" >удобство применения<br> <input type="checkbox" name="checkgroup" >эффективность<br> <input type="checkbox" name="checkgroup" >универсальность<br> <input type="checkbox" name="checkgroup" >корректность<br> <input type=button name="check" value="check All" onClick="all(true)"> <input type=button name="uncheck" value="unCheck All" onClick="all(false)"> </form> </body> </html> 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	22.11.2010, 00:54
	aaaaaaaaaaaaa, navernoe ponjal !!!, a kak oni doljny vyvoditsja ?? 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	22.11.2010, 00:57
	sejchas doem i sdelaju )) 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	22.11.2010, 01:06
	<html> <head> <script language="JavaScript"> function vis(n){ var id=n.id+"div"; document.getElementById(id).style.visibi lity="visible"; } </script> <script language="JavaScript"> function all(check) { for (i=0;i<6;i++) { if (check) { document.forms['form'].checkgroup[i].checked=true; document.getElementById(i+'div').style.v isibility="visible"; } else { document.forms['form'].checkgroup[i].checked=false; document.getElementById(i+'div').style.v isibility="hidden"; } } } </script> </head> <body bgcolor="lightblue" style="color:black"> <form name="form"> <input type="checkbox" name="checkgroup" id="0" onclick="vis(this)" ><br><div id="0div" style="visibility: hidden;">надежность</div> <input type="checkbox" name="checkgroup" id="1" onclick="vis(this)" ><br><div id="1div" style="visibility: hidden;">сопровождение</div> <input type="checkbox" name="checkgroup" id="2" onclick="vis(this)" ><br><div id="2div" style="visibility: hidden;">удобство применения</div> <input type="checkbox" name="checkgroup" id="3" onclick="vis(this)" ><br><div id="3div" style="visibility: hidden;">эффективность</div> <input type="checkbox" name="checkgroup" id="4" onclick="vis(this)" ><br><div id="4div" style="visibility: hidden;">универсальность</div> <input type="checkbox" name="checkgroup" id="5" onclick="vis(this)" ><br><div id="5div" style="visibility: hidden;">корректность</div> <input type=button name="check" value="check All" onClick="all(true)"> <input type=button name="uncheck" value="unCheck All" onClick="all(false)"> </form> </body> </html> 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	22.11.2010, 01:08
	document.getElementById(id).style.visibi lity="visi ble"; ------------ probel u visible toliko ubrat' nujno ) 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	22.11.2010, 01:11
	...v Firefox proverjal !!! 0

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	22.11.2010, 01:22
	Vy etogo hoteli ? 0