Javascript 根据哪个单选按钮清除文本字段

我有两个单选按钮

• 美国
• 阿根廷

根据用户选择的内容，需要清除电话字段并设置不同的格式

我有电话格式的工作，我只是不知道如何清除电话字段取决于他们选择的单选按钮

这是我的密码

<div>
    <legend>Country</legend>

    <input id="usa" name="country" type="radio">
    <label for="usa">United States</label>

    <input id="argentina" name="country" type="radio">
    <label for="argentina">Argentina</label>
</div>

<div>
    <label>Phone Number</label>
    <input id="phone" name="phone" class="phone" type="tel" />
    <input id="phone_arg" name="phone_arg" class="phone_arg" type="tel" />
    <span>Example: 123-456-7890 or 12-34-5678-9000</span>
</div>

如果用户选择阿根廷单选按钮，可能会删除一个类并添加另一个类。请帮忙

这是小提琴的用法

if($('#usa').prop('checked'))
   $("#phone").unmask().mask("999-999-9999", { placeholder: " " });
else
   $("#phone").unmask().mask("99-99-9999-9999", { placeholder: " " });

---

执行时，掩码将应用于具有该类的对象，如果更改该类，则具有该类的新对象将不会被掩码。

在设置相应掩码的每个按钮上放置单击处理程序

$("#usa").click(function() {
  $(".phone").mask("999-999-9999", {
    placeholder: " "
  });
    $("#example").text("123-456-7890");
});
$("#argentina").click(function() {
  $(".phone").mask("99-99-9999-9999", {
    placeholder: " "
  });
    $("#example").text("12-34-5678-9000");
});

$("#usa").click(); // Set default

---

@Barmar我知道不使用花括号是违反JSLint等标准的，但这只是一个想法的答案。同样在生产中，通常使用压缩版本，并且尽可能省略大括号。不幸的是，我刚刚尝试了这个，但它对我不起作用。嗯，它有一个错误，我已经修复了它，我不知道你是否注意到了，我使用的第二行是类，而不是IDChange。更改类不会更改应用于字段的掩码。当用户选择按钮时，需要调用

.mask（）

。

$("#usa").click(function() {
  $(".phone").mask("999-999-9999", {
    placeholder: " "
  });
    $("#example").text("123-456-7890");
});
$("#argentina").click(function() {
  $(".phone").mask("99-99-9999-9999", {
    placeholder: " "
  });
    $("#example").text("12-34-5678-9000");
});

$("#usa").click(); // Set default