Эхо-значение флажка отмеченного элемента в HTML-форме - PullRequest
Новая
       1

Эхо-значение флажка отмеченного элемента в HTML-форме

0 голосов
/ 01 сентября 2011

Я создал HTML-форму, которая имеет флажки, которые проверяются динамически из-за переменной с предыдущей страницы (каждый раз проверяется только один флажок).

Мне бы хотелось, чтобы значение этого флажка было выведено (чтобы сделать основной заголовок страницы, чтобы предупреждение javascript не было адаптировано).

Пример: 

<html>
    <body>
    <h1>Here I'd like to echo the value of the checkbox that is checked<h1>
    <form id="myform" name="myform">
       <p>
       <input type="checkbox" name="car" id="porsche" /> <label for="porsche">porsche</label><br />
       <input type="checkbox" name="car" id="ferrari" /> <label for="ferrari">ferrari</label><br />
       </p>
    <script type="text/javascript">

    function loopForm(form,car) {
       var cbResults = 'Checkboxes: ';
       var radioResults = 'Radio buttons: ';
       for (var i = 0; i < form.elements.length; i++ ) {
          if (form.elements[i].type == 'checkbox') {
             if (form.elements[i].id == car) {
                 form.elements[i].checked = true ;
             }
          }
        }
     }
     ...
     // This function will check one of the two checkboxes
     loopForm(document.myform,car);
     </script>
     </body>
     </html>

Ответы [ 2 ]

0 голосов
/ 01 сентября 2011

Лучшее, что я могу сделать, боюсь, это следующее: 

var inputs = document.getElementsByTagName('input');
var checkboxes = [];

for (i=0; i<inputs.length; i++){
    if (inputs[i].type == 'checkbox' && inputs[i].getAttribute('checked') == 'checked'){
        checkboxes.push(inputs[i].value);
    }
}

document.getElementsByTagName('h1')[0].innerHTML = checkboxes;

JS Fiddle demo .

Это немного неуклюже, нопо крайней мере, используйте простой JavaScript;хотя, кажется, требуется, чтобы отмеченные флажки были помечены следующим образом: checked="checked".

0 голосов
/ 01 сентября 2011

Вы можете использовать jQuery для достижения этой цели.Прослушайте событие change () на флажках и измените текст () h1, когда это произойдет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...