Question

我有一个按钮组单选按钮输入。表单打开时，两个按钮都设置为默认值。如果用户单击是，则变为绿色。如果用户切换到否，则按钮变为红色，绿色按钮应恢复为默认值。在添加类然后删除类后，如何将按钮切换回默认值？ jQuery的？

Answer 1

以下是我对上述问题的代码：

$("div.question").find(':radio').click(function () {
        var isValid = $(this).hasClass('True');
        var divAlert = $(this).parents('.question').find('div.alert_text');
        debugger
        if (!isValid) {
            divAlert.show();
            if (divAlert.show()) {
                $(this).parents('.btn').addClass('btn-danger');
                $(this).parents('.btn').removeClass('btn-default');
                $(this).parents('.btn').removeClass('btn-success');
                //$(this).addClass(parents('.btn').siblings('.btn').removeClass('.btn');
            } 
        }
        else {
            divAlert.hide();
            if (divAlert.hide()) {
                $(this).parents('.btn').addClass('btn-success');
                $(this).parents('.btn').removeClass('btn-default');
                $(this).parents('.btn').removeClass('btn-danger');
            }

        }

        // Enable-Disable Next Button
        if ($(":radio:checked.True").length == @Model.Count()) {
            $("#next").prop("disabled", false).removeClass("k-state-disabled");
        }
        else {
            $("#next").prop("checked", true).addClass("k-state-disabled");
        }
    })
});

如何设置jquery addClass / removeClass

1 个答案: