javascript - 如何使用 MVC razor 取消屏蔽/禁用或清除 Javascript Jquery 中的文本框

Question

我有一个文本框

<input type="text" id="mytextbox" name="searchField"/>

和三个单选按钮。我需要在选择特定单选按钮时屏蔽文本框。我已经成功地完成了它。但在第三个单选按钮上，我希望文本框在没有任何屏蔽的情况下清除，只是一个开放字段。因此，如果我们选择单选按钮 1，文本框将相应地被屏蔽，但随后我们选择单选按钮 3。屏蔽保持不变。我想把它删除。

原谅糟糕的英语。谢谢提前。

用于屏蔽的代码。

$("#mytextbox").mask("999-9999-9999");

Answer 1

您可以引用下面的示例代码..

$(document).on('click', "input:radio[name=xxxx]", function () {

          var val = $("input:radio[name=xxxx]:checked").val();       
              var mask = "999-9999-9999";
            if(val == "the value of 3rd radiobutton")
               {

                 $("#mytextbox").unmask(mask);
                 } 
             });