RadioButton with Javascript (MVC3)

RadioButton with Javascript (MVC3)

本文关键字：MVC3 Javascript with RadioButton      更新时间：2023-10-02

我正在使用C#和MVC3

我有一个单选按钮，根据选择的选项，我需要更改文本框的掩码。我正在使用jQuery的屏蔽输入插件。

我该怎么做？我必须在控制器上或在.cs.html上开发它？

    <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"（第一个单选按钮），我想要一个口罩。如果我选择"J"（第二个单选按钮），我需要另一个掩码。

我需要屏蔽编辑器："NeedMask"

我知道有一个jquery函数可以用于addClass（）和removeClass（）。所以你可以做一些类似的事情：

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

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

完成！

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