Question

当用户点击选项列表中的其他选项时，我想要清除主页号字段。

目前，如果你选择选项3，显示家庭电话号码 - 这很好。如果要选择选项1，同时显示选项3，则显示移动电话号码。这也是好的，我的验证炸弹是因为Home Number是必需的，并且即使输入没有显示在页面上，也希望它被填写。

我想解决这个问题，如果已做出其他选择，请清除家庭号码输入？这可能是错的，但我不确定另一种解决办法。

这是我的jQuery：

var form = {

    init: function () {
        form.selection();

    },

    selection: function () {
        var homeNumber = $('.home-number'),
            mobileNumber = $('.mobile-number');

        $("li.checkbox").on('click', function (e) {
            //e.preventDefault();
            if ($(this).find("input:checkbox").is(":checked")) $(this).addClass("active");
            else $(this).removeClass("active");
            //If all three are selected show mobile, hide home
            if ($("ul li.checkbox.active").length > 1) {
                mobileNumber.css('display', 'block');
                homeNumber.val('');
                homeNumber.hide();
            } else if ($("li.last-option").hasClass("active")) {
                //If select last option only show home
                homeNumber.toggleClass('home-active');
                homeNumber.show();
                mobileNumber.hide();
                //If select last option only hide mobile
                mobileNumber.toggleClass('mobile-inactive');

            } else {
                homeNumber.val('');
                homeNumber.hide();
                mobileNumber.show();
            }



        });
    }
}
$(function () {
    form.init();
});

显示/隐藏|中的清除输入字段jQuery的

0 个答案: