Чтобы при выключении радиокнопки группа из 10 checkbox становилась доступной

@Calisto09 · Регистрация: 12.02.2012

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

здавствуйте, нужно сделать так чтобы при нажатии радио "некомплектна", группа из 10 checkbox становилась доступной, а до этого не был виден. и выбранные checkbox-ы попадали результатом в result.htm. помогите пожалуйста написать код

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<title>Enable Disable Radio  in javascript</title>
</head>
 <body>
<form name="gl"  id="gl">
<h3 align =left>4. По составу документация <br>
  <input name="choise" value="choise1" checked="checked" onClick="chMd()" type="radio">
   комплектна <br/>
    <input name="choise" value="choise1" onClick="chMd()" type="radio">  некомплектна <br>
<p>Отсутствуют следующие документы:</p>
<INPUT  TYPE="CHECKBOX" id="CH1" NAME="CHECKBOX1” VALUE="ch1"> Техническое задание<BR>
<INPUT  TYPE="CHECKBOX" id="CH2" NAME="CHECKBOX2” VALUE="checkbox_value2"> Технорабочий проект<BR>
<INPUT  TYPE="CHECKBOX" id="CH3" NAME="CHECKBOX3” VALUE="checkbox_value3"> Программа методики и испытания<BR>
<INPUT  TYPE="CHECKBOX" id="CH4" NAME="CHECKBOX4” VALUE="checkbox_value4"> Описание системы<BR>
<INPUT  TYPE="CHECKBOX" id="CH5" NAME="CHECKBOX5” VALUE="checkbox_value5"> Руководство пользователя<BR>
<INPUT  TYPE="CHECKBOX" id="CH6" NAME="CHECKBOX6” VALUE="checkbox_value6"> Руководство администратора<BR>
<INPUT  TYPE="CHECKBOX" id="CH7" NAME="CHECKBOX7” VALUE="checkbox_value7"> Текст программы<BR>
<INPUT  TYPE="CHECKBOX" id="CH8" NAME="CHECKBOX8” VALUE="checkbox_value8"> Спецификация<BR>
<INPUT  TYPE="CHECKBOX" id="CH9" NAME="CHECKBOX9” VALUE="checkbox_value9"> Руководство по инсталяции системы<BR>
<INPUT  TYPE="CHECKBOX" id="CH10" NAME="CHECKBOX10” VALUE="checkbox_value10"> Ведомость держателей подлинников<BR>
    </form>
</body>
</html>

@Para bellum · 04.03.2012, 15:26

Сообщение от Calisto09

здавствуйте, нужно сделать так чтобы при нажатии радио "некомплектна", группа из 10 checkbox становилась доступной, а до этого не был виден

Calisto09, это можно реализовать так:

HTML5
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
31
32
33
34
35
36
37
38
<html>
<head>
<title>Enable Disable Radio  in javascript</title>
<script src="jquery-1.7.1.js" type="text/javascript"></script>
</head>
<body>
<style>
#inputs_checkbox
{
    display:none;
}
</style>
<form name="gl"  id="gl">
<h3 align =left>4. По составу документация <br>
  <input name="choise" id="hide" type="radio">
   комплектна <br/>
    <input name="choise" type="radio" id="show">  некомплектна <br>
<div id="inputs_checkbox">
<p>Отсутствуют следующие документы:</p>
<INPUT  TYPE="CHECKBOX" id="CH1" NAME="CHECKBOX1" VALUE="ch1"> Техническое задание<BR>
<INPUT  TYPE="CHECKBOX" id="CH2" NAME="CHECKBOX2" VALUE="checkbox_value2"> Технорабочий проект<BR>
<INPUT  TYPE="CHECKBOX" id="CH3" NAME="CHECKBOX3" VALUE="checkbox_value3"> Программа методики и испытания<BR>
<INPUT  TYPE="CHECKBOX" id="CH4" NAME="CHECKBOX4" VALUE="checkbox_value4"> Описание системы<BR>
<INPUT  TYPE="CHECKBOX" id="CH5" NAME="CHECKBOX5" VALUE="checkbox_value5"> Руководство пользователя<BR>
<INPUT  TYPE="CHECKBOX" id="CH6" NAME="CHECKBOX6" VALUE="checkbox_value6"> Руководство администратора<BR>
<INPUT  TYPE="CHECKBOX" id="CH7" NAME="CHECKBOX7" VALUE="checkbox_value7"> Текст программы<BR>
<INPUT  TYPE="CHECKBOX" id="CH8" NAME="CHECKBOX8" VALUE="checkbox_value8"> Спецификация<BR>
<INPUT  TYPE="CHECKBOX" id="CH9" NAME="CHECKBOX9" VALUE="checkbox_value9"> Руководство по инсталяции системы<BR>
<INPUT  TYPE="CHECKBOX" id="CH10" NAME="CHECKBOX10" VALUE="checkbox_value10"> Ведомость держателей подлинников<BR>
</div>
    </form>
 
<script>
$("#hide").change(function(){$("#inputs_checkbox").fadeOut(400);});
$("#show").change(function(){$("#inputs_checkbox").fadeIn(400);});
</script>
</body>
</html>

Добавлено через 2 минуты
Только для работы данного скрипта, нужно подключить библиотеку jQuery. Если у вас её нет, то можно скачать на сайте http://jquery.com. Подключается она на пятой строке вышеуказанного скрипта...

@Calisto09 · 06.03.2012, 20:44 **[ТС]**

спасибо

@Calisto09 · 31.03.2012, 22:00 **[ТС]**

а как здесь сделать чтобы,php обработчик попадали только выбранные checkbox-ы???

@Para bellum · 01.04.2012, 09:02

Сообщение от Calisto09

а как здесь сделать чтобы,php обработчик попадали только выбранные checkbox-ы???

Всё очень просто. У вас сейчас каждый checkbox имеет своё имя:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<form name="gl"  id="gl">
<h3 align =left>4. По составу документация <br>
  <input name="choise" id="hide" type="radio">
   комплектна <br/>
    <input name="choise" type="radio" id="show">  некомплектна <br>
<div id="inputs_checkbox">
<p>Отсутствуют следующие документы:</p>
<INPUT  TYPE="CHECKBOX" id="CH1" NAME="CHECKBOX1" VALUE="ch1"> Техническое задание<BR>
<INPUT  TYPE="CHECKBOX" id="CH2" NAME="CHECKBOX2" VALUE="checkbox_value2"> Технорабочий проект<BR>
<INPUT  TYPE="CHECKBOX" id="CH3" NAME="CHECKBOX3" VALUE="checkbox_value3"> Программа методики и испытания<BR>
<INPUT  TYPE="CHECKBOX" id="CH4" NAME="CHECKBOX4" VALUE="checkbox_value4"> Описание системы<BR>
<INPUT  TYPE="CHECKBOX" id="CH5" NAME="CHECKBOX5" VALUE="checkbox_value5"> Руководство пользователя<BR>
<INPUT  TYPE="CHECKBOX" id="CH6" NAME="CHECKBOX6" VALUE="checkbox_value6"> Руководство администратора<BR>
<INPUT  TYPE="CHECKBOX" id="CH7" NAME="CHECKBOX7" VALUE="checkbox_value7"> Текст программы<BR>
<INPUT  TYPE="CHECKBOX" id="CH8" NAME="CHECKBOX8" VALUE="checkbox_value8"> Спецификация<BR>
<INPUT  TYPE="CHECKBOX" id="CH9" NAME="CHECKBOX9" VALUE="checkbox_value9"> Руководство по инсталяции системы<BR>
<INPUT  TYPE="CHECKBOX" id="CH10" NAME="CHECKBOX10" VALUE="checkbox_value10"> Ведомость держателей подлинников<BR>
</div>
    </form>

Нужно имена всех чекбоксов сделать массивом:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<form name="gl" action="test.php"  id="gl" method="post">
<h3 align =left>4. По составу документация <br>
  <input name="choise" id="hide" type="radio">
   комплектна <br/>
    <input name="choise" type="radio" id="show">  некомплектна <br>
<div id="inputs_checkbox">
<p>Отсутствуют следующие документы:</p>
<INPUT  TYPE="CHECKBOX" id="CH1" NAME="selected_checkbox[]" VALUE="1"> Техническое задание<BR>
<INPUT  TYPE="CHECKBOX" id="CH2" NAME="selected_checkbox[]" VALUE="2"> Технорабочий проект<BR>
<INPUT  TYPE="CHECKBOX" id="CH3" NAME="selected_checkbox[]" VALUE="3"> Программа методики и испытания<BR>
<INPUT  TYPE="CHECKBOX" id="CH4" NAME="selected_checkbox[]" VALUE="4"> Описание системы<BR>
<INPUT  TYPE="CHECKBOX" id="CH5" NAME="selected_checkbox[]" VALUE="5"> Руководство пользователя<BR>
<INPUT  TYPE="CHECKBOX" id="CH6" NAME="selected_checkbox[]" VALUE="6"> Руководство администратора<BR>
<INPUT  TYPE="CHECKBOX" id="CH7" NAME="selected_checkbox[]" VALUE="7"> Текст программы<BR>
<INPUT  TYPE="CHECKBOX" id="CH8" NAME="selected_checkbox[]" VALUE="8"> Спецификация<BR>
<INPUT  TYPE="CHECKBOX" id="CH9" NAME="selected_checkbox[]" VALUE="9"> Руководство по инсталяции системы<BR>
<INPUT  TYPE="CHECKBOX" id="CH10" NAME="selected_checkbox[]" VALUE="10"> Ведомость держателей подлинников<BR>
</div>
<input type="submit" value="Отправить данные">
    </form>

Как видите, action у формы идёт сюда: test.php. Создайте файл test.php с таким содержимым:

PHP
1
2
3
4
5
6
7
8
9
10
<?php
    $selected_checkbox = (array) $_POST['selected_checkbox'];
    
    echo "Выделены следующие checkbox'ы<br>";
    
    foreach($selected_checkbox as $sch)
    {
        echo "<b>".$sch."</b><br>";
    }
?>

Вот и всё

@Calisto09 · 01.04.2012, 22:46 **[ТС]**

как всегда респект.отдельно работает как мне и надо. но у меня опять проблемы, я немогу встроить(добавить) ваш код в свой php обработчик, у меня так...

PHP
1
2
3
4
5
6
7
8
<?php
if (isset($_POST['chislo'])) {$chislo = $_POST['chislo'];}
if (isset($_POST['chislo1'])) {$chislo1 = $_POST['chislo1'];}
if (isset($_POST['chislo2'])) {$chislo2 = $_POST['chislo2'];}
 
 
echo "<strong>Протокол от:</strong> $chislo $chislo1 $chislo2 <br>";
?>

@Para bellum · 02.04.2012, 12:57

Сообщение от Calisto09

я немогу встроить(добавить) ваш код в свой php обработчик

Calisto09, чего ж тут сложного?

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
if (isset($_POST['chislo'])) {$chislo = $_POST['chislo'];}
if (isset($_POST['chislo1'])) {$chislo1 = $_POST['chislo1'];}
if (isset($_POST['chislo2'])) {$chislo2 = $_POST['chislo2'];}
if(isset($_POST['selected_checkbox'])){$selected_checkbox = (array) $_POST['selected_checkbox'];}
 
echo "<strong>Протокол от:</strong> $chislo $chislo1 $chislo2 <br><br>";
 
// Тут выводим информацию из checkbox
echo "Выделены следующие checkbox'ы<br>";
foreach($selected_checkbox as $sch)
{
    echo "<b>".$sch."</b><br>";
}
?>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Calisto09 0 / 0 / 0 Регистрация: 12.02.2012 Сообщений: 41
	06.03.2012, 20:44 [ТС]
	спасибо 0

@Calisto09 0 / 0 / 0 Регистрация: 12.02.2012 Сообщений: 41
	31.03.2012, 22:00 [ТС]
	а как здесь сделать чтобы,php обработчик попадали только выбранные checkbox-ы??? 0