我正在使用Bootstrap& Jquery的。
如何在切换后更改非活动类
HTML代码
<div class="btn-group btn-toggle">
<button class="btn btn-default">Active</button>
<button class="btn btn-danger active">Inacive</button>
SCRIPT
$(document).ready(function(){
$('.btn-toggle').click(function() {
$(this).find('.btn').toggleClass('active');
if ($(this).find('.btn-danger').size()>0) {
$(this).find('.btn').toggleClass('btn-success');
$(this).find('.btn').addClass('btn-default');
}
else if ($(this).find('.btn-success').size()>0) {
$(this).find('.btn').toggleClass('btn-danger');
addClass()似乎无法正常工作..
答案 0 :(得分:1)
我了解到您正尝试在某些操作上禁用和启用按钮。我是这样得到的:
这是我表单上的按钮:
<button type="submit" class="btn btn-primary">Compute</button>
单击按钮时添加此行,在我的情况下,我在提交表单后禁用按钮:
$('button', form).addClass('disabled').text("Computing...");
完成后启用:
$('button', form).removeClass('disabled').text("Compute");
希望这有帮助!