Question

http://web.cs.dal.ca/~selig/serverside/assignment1/

在最底部的单选按钮中查看此处的操作。

这是我的jQuery（非常简单）：

$(document).ready(function() {

    // Reveals the email address field when option is selected
    $('#yes-radio').click(function() {
        $('.email-field').show(200);
    });
    $('#no-radio').click(function() {
        $('.email-field').hide(200);
    });
 });

谁能告诉我为什么会这样做？

Answer 1

这一行：

<label for="no-radio" class="radio-label"><input type="radio" name="email-radio" id="no-radio" value="no"> No <label>

需要：

<label for="no-radio" class="radio-label"><input type="radio" name="email-radio" id="no-radio" value="no"> No </label>

请注意，您没有关闭标签。 ^

Answer 2

“否”按钮的标签仍处于打开状态（您编写了<label>而不是</label>），因此在点击文本框时，您会点击标签，从而激活无收音机框。 / p>

为什么当我点击键入我的文本字段时，我的“否”单选按钮会被点击？

2 个答案: