В предыдущей статье я представил вам соответствующие знания о примере объяснения формы операции JS (часть 2). Эта статья познакомит вас с примером объяснения формы операции JavaScript (часть 2). Конкретные детали следующие:
1. Текстовое поле
<input type = "text" />
----------------------------------------------------------------------------------------------------------------------------
Управлять значением текстового поля
Набор или получить значение значения или получить значение
----------------------------------------------------------------------------------------------------------------------------
2. Радио и многопользовательские кнопки
<input type = "radio" /> <input type = "fackbox" />
----------------------------------------------------------------------------------------------------------------------------
Проверено возврат или установите выбранное состояние отдельного выбора
True Selected False не выбран
Атрибут значения получает выбранное значение и должен сначала определить выбранное состояние.
----------------------------------------------------------------------------------------------------------------------------
Пример: выберите All/не выберите All/Reverse
1.png
1. Структура
<body> <form name = "myform" action = "#" method = "post" id = "form1"> <script type = "text /javascript"> for (var i = 0; i <20; i ++) {document.write ("<Input type = 'fackbox' name = 'nums' />"+(i+1)+"<br>")} документ. Все "); document.write (" <input type = 'radio' name = 'radios'> select all "); document.write (" <input type = 'radio' name = 'radios'> select all "); document.write (" <input type = 'radio' name = 'radios'> select "); document.write (" <input = 'radio' name = 'radios'> select "); name = 'Radios'> anti-select "); </script> </form> </body>2. Скрипт
2.1 Использование метода вызова функций
<script type = "text/javascript"> window.onload = function () {var nums = document.getelementsbyname ("nums"); var radios = document.getelementsbyname ("radios"); Fun (nums, i, Radios); function fun (a, b, c) {c [b] .onclick = function () {if); i = 0; i <a.length; i ++) {a [i] .checked = true;}} else if (b == 1) {for (var i = 0; i <a.length; i ++) {a [i] .checked = false;}} else if (b == 2) {for (var i = 0; i <A.Length; i ++) {if (a [i] .Checked) {a [i] .Checked = false;} else {a [i] .Checked = true;}}}}} </script>2.2 Использование метода создания анонимных функций в закрытии
<script type = "text/javascript"> window.onload = function () {var nums = document.getElementsbyname ("nums"); var Radios = document.getElementsbyname ("radios"); для (var i = 0; i <radios.length; i ++) {function (a) {radios [a]. i = 0; i <nums.length; i ++) {nums [i] .checked = true;}} else if (a == 1) {for (var i = 0; i <nums.length; i ++) {nums [i] .cecked = fals i = 0; i <nums.length; i ++) {if (nums [i] .checked) {nums [i] .checked = false;} else {nums [i] .Checked = true;}}}}}) (i);}} </script>3. Потяните коробку
<form name = "myform"> <select name = "sels"> <опция> Пекинский университет </option> <опция> Университет Чанган </option> <опция> Нанкинский университет </option> </selet> </form>
----------------------------------------------------------------------------------------------------------------------------
Выбранный установил или вернуться в выбранное состояние раскрывающегося ящика
True Selected False не выбран
SelectedIndex Установите или верните номер индекса, выбранное в раскрывающемся поле
----------------------------------------------------------------------------------------------------------------------------
Пример 1: Выберите Университет Чангана
<script> var sels = document.myform.sels; // var sels = document.myform.sels.options; // (это также возможно) sels [1]. Selected = true; </script>
или
<script> var sels = document.myform.sels; // var sels = document.myform.sels.options; // (это также возможно) sels.selectedIndex = 1; </script>
Пример 2: Цена за единицу * Количество = общая цена
1.png
1. Структура
<body><form name="myform" action="#" method="post" id="form1">Unit price: <input type="text" name="price" value="200"><select name="count">Quantity<option>1</option><option>2</option><option>3</option></select>Total price: <input type="text" name="total" value="200"></form></body>
2. Скрипт
<script type = "text/javascript"> window.onload = function () {var price = document.myform.price; var count = document.myform.count; var total = document.myform.total; count.onchange = function () {total.value = parseint (price.value)*(count.selectedIndex+1); }} </script>4. Текстовая область
<textarea name = "info" row = "7" cols = "60"> </textarea>
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------.
Значение возвращает или устанавливает значение текстовой области
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------.
Пример: динамически обнаружить длину символов, введенных в текстовую область
1.png
1. Структура: Структура:
<body> <div id = "content"> Всего может быть введено 20 символов, 0 может быть введено, и 20 можно ввести </div> <form name = "myform" action = "#" method = "id =" form1 "> <textarea name =" info "cols =" 60 "Rows =" 7 "> </textarea> </form> </body> bods>".
2. Скрипт сценариев:
<script type = "text/javascript"> window.onload = function () {var content = document.getElementbyid ("content"); var info = document.myform.info; info.onkeyup = info.onkeydown = function () {var str = info.value; var dleny = str); «+strs+» были введены символы, а также можно ввести «+длина+», и «+(strs-length)+" s "также может быть введен;} else {info.value = str.substring (0, strs);}} // Обнаружение китайского и английского проверки (str) {var num = 0; var (var);} // i = 0; i <str.length; i ++) {if (str.charcodeat (i)> = 0 && str.charcodeat (i) <= 255) {// английский num ++;} els5. Проверка формы
Событие ONSUBMIT запускается при подаче формы
----------------------------------------------------------------------------------------------------------------------------
<form name = "myform" action = "www.baidu.com" method = "post" onsubmit = "return check (this)"> </form> return false; // заблокировать поведение формы по умолчанию
----------------------------------------------------------------------------------------------------------------------------
6. Отправить метод
Этот метод используется для реализации автоматического представления
Event OnSubmit может использоваться только для подачи вручную
Выше приведено примером объяснения формы операции JavaScript, введенной редактором (часть 2). Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!