HTML-радио кнопки - PullRequest
       2

HTML-радио кнопки

0 голосов
/ 19 января 2012

довольно плохо знаком с HTML, и мне было интересно, почему этот фрагмент кода не работает?

<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
    <div style="font-family: Consolas;">
        <h1>This is a survey regarding *</h1>
        <form name="firstQuestion" method="get" action="">
            <input type="radio" name="q1" value="1" id="num1">I think its 1<br>
            <input type="radio" name="q1" value="2" id="num2">I think its 2<br>
            <input type="radio" name="q1" value="3" id="num3">I think its 3<br>
            <input type="radio" name="q1" value="4" id="num4">I think its 4<br>
            <input style="position: absolute; bottom: 10px; right: 10px" type="button" value="proceed" onclick="alert('Checked value is: '+getCheckedValue(document.forms['firstQuestion'].elements['q1']))"> 
        </form>
    </div>
</body>

Проблема в том, что когда я нажимаю кнопку «Продолжить», ничего не происходит, в то время как она должна вернуть выбранныйпереключатель, как вы можете видеть.

Кроме того, теперь я нахожусь в этом вопросе, кто-нибудь знает, как добавить, например, дополнительное текстовое поле между вариантами 3 и 4, если выбрана возможность 3?по умолчанию и если не выбрано 3, текстовое поле не должно быть видимым.

Ответы [ 2 ]

2 голосов
/ 19 января 2012

Обработчик кнопки вызывает функцию javascript с именем getCheckedValue, но вы не определили это.

=== ОБНОВЛЕНИЕ ===

<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
        function getCheckedValue(oElements) {
            // TODO: put in the function body here
        }
    <script>
</head>
0 голосов
/ 19 января 2012

Из вашего вопроса я понял, что вы пытаетесь изучать HTML, но не знаете, что на самом деле вы пытаетесь использовать JavaScript, чтобы найти значение.

Если вы используете какое-то учебное пособие, вам нужно увидеть, где определяется getCheckedValue, и использовать его.

Если вы не используете учебник, я бы порекомендовал научиться использовать JavaScript.

Я считаю W3Schools хорошим источником для этого.

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