Javascript 基于模式对话框的局部视图MVC 4上带有单选按钮的文本框开关

我尝试使用以下代码执行此操作：

$(document).ready(function () {
    $("input[name=radio]").change(function () {
        var test = $(this).val();
        if (test.text == "Checkbox 1") {
            $('#dealer_terminal_id').hide();
        } else {
            $('#dealer_terminal_code').show();
        }
    });
});

现在，首先；当我在模态对话框中被点击radio1时，than隐藏了当前字段，这很好，但是，比我被点击radio2时；模态对话；不要做任何事，那只是停留

我需要刷新模式页面吗？有什么想法吗？ 谢谢。

回答：

嗨，我找到解决办法了

   $(document).ready(function () {
    $('#dialogDiv').hide();
    $(document).ready(function () {
        $("input[name$='radio']").click(function () {
            var test = $(this).val();
            switch (test) {
                case 'rad1':
                    $("#rad1").show();
                    $("#rad2").hide();
                    break;
                case 'rad2':
                    $("#rad2").show();
                    $("#rad1").hide();
                    break;
                default:
            }
        });
    });
});

我的html是：

 <div class="tableAssing" style="text-align: center">
    <div id="radio_buttons">
        <label>
            Terminal Code
            <input class="radio_button" id="radio_terminal_code" type="radio" name="radio" value="rad1" data-bind="checked: radio" />
        </label>

        <label>
            Dealer Code
            <input class="radio_button" id="radio_dealer_code" type="radio" name="radio" value="rad2" data-bind="checked: radio" />
        </label>
    </div>

你应该在问题中添加你的答案作为答案，然后将其标记为已接受。

 <div class="tableAssing" style="text-align: center">
    <div id="radio_buttons">
        <label>
            Terminal Code
            <input class="radio_button" id="radio_terminal_code" type="radio" name="radio" value="rad1" data-bind="checked: radio" />
        </label>

        <label>
            Dealer Code
            <input class="radio_button" id="radio_dealer_code" type="radio" name="radio" value="rad2" data-bind="checked: radio" />
        </label>
    </div>