javascript - 从输入中添加和删除类

Question

我在一些输入中有一个屏蔽的js。我将它们用于电话屏蔽输入。问题是有时电话号码可以是 10 位或 11 位数字。如果选中复选框，我需要更改类(class)。这就是我所拥有的。

这是掩码，带“2”的为 11 位数字。

$(".phone").mask("(999) 999-9999");
$(".cell").mask("(999) 999-9999");
$(".phone2").mask("(999) 9999-9999");
$(".cell2").mask("(999) 9999-9999");

这是我的复选框:

<input type="checkbox" name="digits" class="digits"/>Check here if you phone numbers have 11 digits (area code included)<br>

这是我的 jq(不起作用，点击后类没有改变):

$(function(){
 $('.digits:checked').click(function(){
    if($(this).is(':checked')) 
    {
        $('.phone').addClass('phone2').removeClass('phone');
        $('.cell').addClass('cell2').removeClass('cell');
    }
 });
});

谢谢。

Answer 1

仅更改分配的类不会更改分配的掩码，您需要使用新选项更新插件。

不需要使用2个不同的类，您需要重置掩码。

$(function () {
    var $els = $('.phone, .cell').mask("(999) 999-9999");
    $('.digits').change(function () {
        $els.unmask();
        if (this.checked) {
            $els.mask("(999) 9999-9999");
        } else {
            $els.mask("(999) 999-9999");
        }
    });
});

演示:Fiddle