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

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

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

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

@8oOoRPM · 22.11.2010, 01:27

<html>
<head>
<script language="JavaScript">
function vis(n){
var id=n.id+"div";
if (document.getElementById(n.id).checked== true) {
document.getElementById(id).style.visibi lity="visible";
}
else {
document.getElementById(id).style.visibi lity="hidden";
}
}
</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>

22.11.2010, 01:35

да.
Спасибо Вам огромное за помощь!

Новые блоги и статьи Все статьи Все блоги /
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .

Darya

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

@8oOoRPM 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 61
	22.11.2010, 01:27
	<html> <head> <script language="JavaScript"> function vis(n){ var id=n.id+"div"; if (document.getElementById(n.id).checked== true) { document.getElementById(id).style.visibi lity="visible"; } else { document.getElementById(id).style.visibi lity="hidden"; } } </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

Darya
	22.11.2010, 01:35
	да. Спасибо Вам огромное за помощь!