Question

我有这个模型

    public partial class PRB
{
    public long PRB_ID { get; set; }
    public string MEMBERSHIP_NUMBER { get; set; }
    public Nullable<int> MEMBERSHIP_TYPE { get; set; }
    public string REEGISTERED_BUSINESS_NAME { get; set; }
}

我想让MEMBERSHIP_TYPE成为一个单选按钮

                                                    <div class="form-group">
                                                    <div class="radio">
                                                        @Html.RadioButtonFor(m => m.MEMBERSHIP_TYPE, 1, new { id = "", @checked = "checked" }) Foreign Company
                                                    </div>
                                                    <div class="radio">
                                                        @Html.RadioButtonFor(m => m.MEMBERSHIP_TYPE, 2, new { id = "" }) Foreign Owned Nigerian Company
                                                    </div>
                                                    <div class="radio">
                                                        @Html.RadioButtonFor(m => m.MEMBERSHIP_TYPE, 3, new { id = "" }) Nigerian Company
                                                    </div>
                       </div>

如果单击的radiobutton MEMBERSHIP_TYPE为1，则显示的消息框将为＆＃34;您是A级会员＆＃34;。然后单击确定按钮
如果单击的radiobutton MEMBERSHIP_TYPE为2，则显示的消息框将为＆＃34;您是B级会员＆＃34;。然后单击确定按钮
如果单击的radiobutton MEMBERSHIP_TYPE为3，则显示的消息框将为＆＃34;您是C级会员＆＃34;。然后单击确定按钮

然后，在单击消息框的“确定”按钮后，它将显示下面显示的内容。

        <div class="form-group">
        @Html.LabelFor(model => model.REGISTERED_BUSINESS_NAME, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.REGISTERED_BUSINESS_NAME)
            @Html.ValidationMessageFor(model => model.REGISTERED_BUSINESS_NAME)
        </div>
    </div>

然后用户将输入商家名称文本框。

请帮忙。

Answer 1

如果您的项目包含jQuery，则可以使用以下简单代码更改单选按钮选择时显示消息框：

$('input[type=radio]').change(function () {
    // radio button selection part
    var value = parseInt($(this).val());

    switch (value) {
        case 1:
           alert("You are a Grade A member");
           break;
        case 2:
           alert("You are a Grade B member");
           break;
        case 3:
           alert("You are a Grade C member");
           break;
        default:
           // do something else
           break;
    }

    // code to show/hide div or using modal popup here
});

提示：

使用$(this).is(':checked')检查单选按钮组的当前值。
如果您的单选按钮控件超过上面给出的值，请考虑为相应的单选按钮分配一个类，例如@Html.RadioButtonFor(m => m.MEMBERSHIP_TYPE, 1, new { id = "", @class = "classname" })并设置jQuery选择器指向CSS类，例如$('.classname').change(function () { ... })。

根据您的需要，EditorFor部分可以显示为简单的div包装或模式弹出窗口。如果前者已使用，请为id元素提供div属性的值，并使用hide() / show()方法作为切换，如下例所示：

<强> HTML

<div id="regname" class="form-group">
    @Html.LabelFor(model => model.REGISTERED_BUSINESS_NAME, new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.REGISTERED_BUSINESS_NAME)
        @Html.ValidationMessageFor(model => model.REGISTERED_BUSINESS_NAME)
    </div>
</div>

<强> JS

$(document).ready(function () {
     $('#regname').hide();

     $('input[type=radio]').change(function () { 
         // see radio button selection code above

         // show target div
         $('#regname').show();
     });
});

如果使用后者，请按照相同的步骤在id元素上提供div属性（另请参阅：“When creating a dialog with jquery, how do I hide the dialog div?”），然后使用dialog方法而是这个例子：

$(document).ready(function () {
    $('#regname').dialog({
        autoOpen: false, 
        modal: true
        // other property settings here
    });

    $('input[type=radio]').change(function () { 
         // see radio button selection code above

         // show target modal popup
         $('#regname').dialog("open");
    });
});

这不是一个完美的解释，但至少解释你应该怎么做才能显示消息框＆amp;更改单选按钮选择时显示其他部分视图。

radiobutton显示消息

1 个答案: