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

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>），所以当点击文本框时，你点击标签，从而激活没有单选框。