javascript - 奇怪的 jQuery 单选按钮显示/隐藏错误

Question

我希望在选择 op1 和 op2 时显示用户名文本字段，如果选择 op3，则显示两个文本字段。我有一个奇怪的错误，选择的任何单选按钮将始终显示用户名和密码文本字段。为什么会这样？

HTML:

<div>Please select operation:<br />
    <input type="radio" id="op1" name="op" value="check_username">Check Username<br />
    <input type="radio" id="op2" name="op" value="find_profile">Find Profile<br />
    <input type="radio" id="op3" name="op" value="check_credentials">Check Credentials
</div><br />

<div id="un">Username:<br /><input type="text" /></div>
<div id="pwd">Password:<br /><input type="text" /></div>

jQuery:

$(document).ready(function() {
    $('#un, #pwd').hide();
    $('input[name="op"]').prop('checked', false);
    $("input[type=button]").attr("disabled", "disabled");

    $('input:radio[name=op]').change(function() {
        var op = $('input:radio[name=op]:checked').val();
        alert(op);
        switch(op) {
            case 'check_username':
            $('#un').show();
            $('#pwd').hide();
            case 'find_profile':
            $('#un').show();
            $('#pwd').hide();
            case 'check_credentials':
            $('#un, #pwd').show();
        }
    });
});

Answer 1

您在每个 case 语句之后都缺少 break 语句。这是working fine在我添加它们之后!