Cómo desenmascarar / deshabilitar o borrar un cuadro de texto en JavascriptJquery usando MVC razor - javascript, c #, jquery, asp.net-mvc, razor

Tengo un cuadro de texto

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

y tres botones de radio. Necesito enmascarar el cuadro de texto en la selección de selección de un botón de radio específico. Lo he logrado con éxito. Pero en el tercer botón de opción quiero que el cuadro de texto se aclare sin máscaras, solo un campo abierto. Por lo tanto, si seleccionamos el botón de opción 1, el cuadro de texto se enmascarará en consecuencia, pero luego seleccionamos el botón de opción 3. La máscara permanece en su lugar. Quiero quitarlo entonces.

Perdona el mal inglés. Gracias es de antemano.

Código utilizado para enmascarar.

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

Respuestas

Puede consultar el código de muestra a continuación.

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