Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
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


Чувашия-это моя Россия

Ссылки на JavaScript - input_checkbox.

Определение и использование. Объект input_checkbox( флажок) представляет собой кнопку в HTML форме. Флажки( кнопки) input_checkbox позволяют пользователю выбрать один или несколько вариантов ограниченного числа вариантов, представленных при вводе. Для каждого экземпляра тега < input type="checkbox"> через форму создается объект флажка.

Флажок input_checkbox позволяет пользователю сделать множественный выбор из нескольких вариантов. Когда Вы желаете запретить множественный выбор, тогда применяйте input-radio элемент.

Вы можете получить доступ к объекту флажок input_checkbox путем поиска элементов [] в массиве формы, или с помощью document.getElementById ().

Синтаксис:



var inputObj=document.createElement("input"); inputObj.type="checkbox";


Контроль является одним из элементов управления формы:


   -button
   -input:button
   -input:checkbox
   -input:file
   -input:hidden
   -input:password
   -input:radio
   -input:range
   -input:reset
   -input:search
   -input:submit
   -input:text
   -select
   -textarea
   

Статус контроля могут быть отправлены на сервер, если будут соблюдены следующие условия:


   - Форма < form> элемента должна содержать элемент checkbox.
   - Свойство action контейнера form необходимо задать URL-адрес сервера.
   - Свойство name флажок должен быть указан, не пустым.
   

Когда элемент управления находится в зарегистрированном статусе и элемент form имеется, тогда имя флажок отправляется со значением свойства value. Если элемент управления не установлен, нет информации, принадлежащей флажок отправляется с формы. По умолчанию значение свойства value is 'on' для флажков, то есть имеет свойство записи. Поэтому не применять 'on' постоянное значение на стороне сервера, чтобы проверить состояние флажка. Проверьте только наличие параметра, заданного по имени флажка, и не использовать его значение.

Вы можете получить доступ управления со значения проверено. Иногда полезно проверить состояние перед отправкой. Если Вам нужно определить состояние checkbox изменилось ли, то используйте событие onclick вместо onchange события. Так как событие onchange возникает, когда поле теряет фокус в IE, а не тогда, когда состояние изменилось.

Пишем некую программу для примера:


< form method="post" action="URL">
    < input type="checkbox" name="acceptAgreement" id="acceptAgreement" /> 
    < label for="acceptAgreement">Я принимаю условия Соглашение.
    
< input type="submit" value="Отправить" /> < /form>

Результат выполнения сценария программы:





В следующем примере выполняется проверка состояния флажка элемента перед отправкой формы:


< head>
    < script type="text/javascript">
        function CheckAndSubmit () {
            var regForm = document.getElementById ("regForm");
            var acceptAgreement = document.getElementById ("acceptAgreement");

            if (!acceptAgreement.checked) {
                alert ("Вы принимаете условия Соглашения.");
                return;
            }

            regForm.submit ();
        }
    < /script>
< /head>
< body>
    < form id="regForm" method="post" action="http://www.azamatkepere.ru">
        < input type="checkbox" name="acceptAgreement" id="acceptAgreement" /> 
        < label for="acceptAgreement">Я принимаю условия Соглашение< /label>
        

< input type="button" value="Отправить" onclick="CheckAndSubmit ()" /> < /form> < /body>


Результат выполнения сценария программы:





Следующий пример показывает изменено ли состояние флажка элемента:


< head>
    < script type="text/javascript">
        function OnChangeCheckbox (checkbox) {
            if (checkbox.checked) {
                alert ("Флажок установлен.");
            }
            else {
                alert ("Флажок не установлен.");
            }
        }
    < /script>
< /head>
< body>
    Проверяется состояние флажка:< br>< br>
    < input type="checkbox" onclick="OnChangeCheckbox (this)" id="myCheckbox" />
    < label for="myCheckbox">Образец флажка< /label>
< /body>

Результат выполнения сценария программы:

Проверяется состояние флажка:



Следующий пример показывает, как показать/скрыть , включить/отключить элемент при проверке состояние флажка:


< head>
    < script type="text/javascript">
        function ShowHideTextBox (checkbox) {
            var textBox = document.getElementById ("input1");
            if (checkbox.checked) {
                textBox.style.display = "";
            }
            else {
                textBox.style.display = "none";
            }
        }

        function EnableDisableTextBox (checkbox) {
            var textBox = document.getElementById ("input2");
            textBox.disabled = !checkbox.checked;
        }

        function Init () {
            var checkBox1 = document.getElementById ("check1");
            var checkBox2 = document.getElementById ("check2");
            ShowHideTextBox (checkBox1);
            EnableDisableTextBox (checkBox2);
        }
    < /script>
< /head>
< body onload="Init ()">
    Проверяется состояние флажка, чтобы показать/скрыть текст в поле:

< input type="checkbox" id="check1" checked="checked" onclick="ShowHideTextBox (this)"/> < input type="text" id="input1" value="образец текстового поля"/>

Проверяется состояние флажка, чтобы включить/отключить текстовое поле:

< input type="checkbox" id="check2" onclick="EnableDisableTextBox (this)"/> < input type="text" id="input2" value="образец текстового поля"/> < /body>


Результат выполнения сценария программы:

Проверяется состояние флажка, чтобы показать/скрыть текст в поле:



Проверяется состояние флажка, чтобы включить/отключить текстовое поле:



Знание свойств input_checkbox поможет при создании и оформлении своего сайта - будет меньше вопросов: " Как создать сайт?"

Флажок Свойств Объекта

Свойство Описание
checked Задает или проверяется состояние флажка
defaultChecked Возвращает значение по умолчанию атрибута checked
disabled Задает или возвращает отключен или нет флажок
form Задает или возвращает отключен или нет флажок
name Задает или возвращает значение атрибута name элемента управления checkbox
type Возвращает тип элемента формы флажка
value Устанавливает или возвращает значение атрибута value флажка


Атрибуты

accept Устанавливает фильтр на типы файлов, которые можете отправить через поле загрузки файлов.
accesskey Переход к элементу с помощью комбинации клавиш.
align Определяет выравнивание изображения.
alt Альтернативный текст для кнопки с изображением.
autocomplete Включает или отключает автозаполнение.
autofocus Устанавливает фокус в поле формы.
border Толщина рамки вокруг изображения.
checked Предварительно активированный переключатель или флажок.
disabled Блокирует доступ и изменение элемента.
form Связывает поле с формой по её идентификатору.
formaction Определяет адрес обработчика формы.
formenctype Устанавливает способ кодирования данных формы при их отправке на сервер.
formmethod Сообщает браузеру каким методом следует передавать данные формы на сервер.
formnovalidate Отменяет встроенную проверку данных на корректность.
formtarget Определяет окно или фрейм в которое будет загружаться результат, возвращаемый обработчиком формы.
list Указывает на список вариантов, которые можно выбирать при вводе текста.
max Верхнее значение для ввода числа или даты.
maxlength Максимальное количество символов разрешенных в тексте.
min Нижнее значение для ввода числа или даты.
multiple Позволяет загрузить несколько файлов одновременно.
name Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
pattern Устанавливает шаблон ввода.
placeholder Выводит подсказывающий текст.
readonly Устанавливает, что поле не может изменяться пользователем.
required Обязательное для заполнения поле.
size Ширина текстового поля.
src Адрес графического файла для поля с изображением.
step Шаг приращения для числовых полей.
tabindex Определяет порядок перехода между элементами с помощью клавиши Tab.
type Сообщает браузеру, к какому типу относится элемент формы.
value Значение элемента.



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: