javascript - 如果未选择 radio ，则使用 jquery 隐藏加载的 div

Question

我有三个单选按钮，加载时可能会选择其中一个。如果选择值 2 我需要显示一个 div，如果其他两个是 div 应该隐藏。

点击功能工作正常，但如果页面加载时它仍然显示 div，即使未选择 radio 也是如此

$("input[name='AssignmentType']").click(function () {
        if ($(this).val() == 2) {
            $('#selection').show();
        } else {
            $('#selection').hide(); /* If you want to be hidden if it's not */
        }
    });

HTML

<div class="col-md-10">
            <div>
<input checked="checked" data-val="true" data-val-number="The field AssignmentType must be a number." htmlattributes="{ checked = True, class = form-control, id = AllCodes }" id="AssignmentType" name="AssignmentType" type="radio" value="0">
                Available for All Employees
            </div>
            <div>
<input htmlattributes="{ checked = True, class = form-control, id = EEClass }" id="AssignmentType" name="AssignmentType" type="radio" value="1">
                Available only to Employees in Class
            </div>
            <div>
 <input htmlattributes="{ checked = True, class = form-control, id = EECombo }" id="AssignmentType" name="AssignmentType" type="radio" value="2">
                Available for All Employees in combination of below Department, Position, State
            </div>
        </div>

Answer 1

您应该将所有代码移出到一个单独的函数中，然后在点击和加载文档时调用它。

function hideSelection(type) {
    if ($(type).val() == 2) {
        $('#selection').show();
    } else {
        $('#selection').hide(); /* If you want to be hidden if it's not */
    }
}

$(document).ready(function() {
     hideSelection("input[name='AssignmentType']");
     $("input[name='AssignmentType']").click(function () {hideSelection("input[name='AssignmentType']");});

});