Javascript 动态更改bootstrap-inputmask.js上的掩码

我正在使用bootstrap-inputmask.js在文本框上创建输入掩码。我有一个特定的文本框，其中有两个可能的掩码，当前掩码由一个复选框定义。我使用jQuery编写了以下脚本：

<script>
        $(document).ready(
        $("#phoneCheckbox").change(function() {
            if (this.checked) {
                $("#phoneTextBox").attr("data-mask", "(99) 9999-9999");
            } else {
                $("#phoneTextBox").attr("data-mask", "(99) 999-999-999");
            }
        }));    
    </script>

$（文件）。准备好了吗(
$（“#phoneCheckbox”）.change（函数（）{
如果（选中此项）{
$（“#phoneTextBox”）.attr（“数据掩码”，“99）9999-9999”）；
}否则{
$（“#phoneTextBox”）.attr（“数据掩码”，“99）999-999-999”）；
}
}));    

---

但是，这不起作用：#phoneTextBox的属性数据掩码正在正确更改，但textbox本身的掩码没有更改！任何人都可以提供帮助？

如果脚本在初始化时只读取一次

数据掩码

属性，并且不提供在运行时更新掩码的API，那么如果您使用两个输入字段（一个可见字段和一个隐藏字段），并根据您的复选框在这两个字段之间切换，这可能是最简单的

---

（如果您不希望当前未处于“活动”状态的表单不与表单的其余部分一起提交，也可以切换其

禁用状态。）
如果脚本在初始化时只读取一次
数据掩码
属性，并且在运行时不提供更新掩码的API，那么如果您使用两个输入字段（一个可见字段和一个隐藏字段），并根据您的复选框在这两个字段之间切换，这可能是最简单的。（如果您不希望当前未处于“活动”状态的表单不与表单的其余部分一起提交，也可以切换其
禁用状态）。我会接受它作为答案，如果你真的发布了答案。