单选按钮与Javascript(MVC3)

时间:2012-07-17 12:49:12

标签: c# javascript asp.net-mvc-3 radio-button maskedinput

我正在使用C#和MVC3

我有一个RadioButton,根据选择的选项,我需要更改文本框的掩码。 我正在为jQuery使用Masked Input Plugin。

我该怎么做?我必须在Controller或.cshtml上开发它吗?

    <div class="editor-field">
        @Html.LabelFor(model => model.Type)
        @Html.Label("Test Label")
        @Html.RadioButtonFor(model => model.RbTest, "F", true)

        @Html.Label("Test Label 2")
        @Html.RadioButtonFor(model => model.RbTest, "J")

        @Html.LabelFor(model => model.LabelBla)
        @Html.EditorFor(model => model.NeedMask)
    </div>

如果我选择“F”(First RadioButton)我想要一个面具。 如果我选择“J”(第二个RadioButton),我想要另一个面具。

我需要掩饰编辑:“NeedMask”

2 个答案:

答案 0 :(得分:0)

我知道addClass()和removeClass()有一个jquery函数。所以你可以这样做:

$(".f").click(function(){
       this.addClass("NeedMask");
    });

我实际上在工作,但这应该让你开始朝着正确的方向前进。我会检查jQuery文档以获取有关屏蔽的帮助(您还需要使用$(".J").removeClass("NeedMask")

答案 1 :(得分:0)

完成!

@Html.RadioButton("RbTest", "F", true, new { @onclick = "Mask1()" })
@Html.RadioButton("RbTest", "J", false, new { @onclick = "Mask2()" })