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

textbox switch with radio button on a modal dialog based partial view MVC 4

本文关键字：MVC 模式 对话框 单选按钮 视图 开关 于部 文本      更新时间：2023-09-26

我用代码尝试这个操作：

$(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();
        }
    });
});

  <div id="radio_buttons">
        <label>
            Terminal Code
            <input class="radio_button" id="radio_terminal" type="radio" name="radio" value="Checkbox 1" data-bind="checked: radio" />
        </label>
        <label>
            Dealer Code
            <input class="radio_button" id="radio_code" type="radio" name="radio" value="Checkbox 2" data-bind="checked: radio" />
        </label>
    </div>

现在，首先；当我在模式对话框中被击中#radio1时，比已经隐藏了当前字段，这很好，但是，比我被击中#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>
相关文章：