Question

我想知道如何保持属性在点击后不删除该类，因为我使用类来设置我的按钮样式（引导程序）

function resetButtons()
{
    document.getElementById('snog').removeAttribute('class');
    document.getElementById('marry').removeAttribute('class');
    document.getElementById('avoid').removeAttribute('class');
}

这是按钮代码

$('#snog').click(function() {
    resetButtons();
    document.getElementById('snog').setAttribute('class','selected');
    document.getElementById('answer_type').value = 1;
    showForm();
    console.log("Snog selected");
});

$('#marry').click(function() {
    resetButtons();
    document.getElementById('marry').setAttribute('class','selected');
    document.getElementById('answer_type').value = 2;
    showForm();
    console.log("Marry selected");
});

$('#avoid').click(function() {
    resetButtons();
    document.getElementById('avoid').setAttribute('class','selected');
    document.getElementById('answer_type').value = 3;
    showForm();
    console.log("Avoid selected");
});

并且，带有类

的HTML

<div class="form-group text-center">
<input type="button" id="snog" class="btn btn-lg btn-success" value="Snog" sma_value="1">
<input type="button" id="marry" class="btn btn-lg btn-success" value="Marry" sma_value="2">
<input type="button" id="avoid" class="btn btn-lg btn-success" value="Avoid" sma_value="3">

对不起的问题/

抱歉

Answer 1

而不是removeAttribute和setAttribute使用jQuery函数removeClass和addClass。

$('#snog').removeClass('selected');

$('#snog').addClass('selected');

Answer 2

有一种简单的方法。删除所有课程后再将其重新放回。

$(".form-group input").each(function() {

$（this）.addClass（“btn btn-lg btn-success”）;

}）;

单击后如何保持属性不被删除

2 个答案: