使用JavaScript/jQuery更改选定按钮的背景颜色

e4yzc0pl  于 2023-01-16  发布在  Java
关注(0)|答案(1)|浏览(161)

我正在创建测验,并希望更改用户所选按钮的颜色。

var start = true;

if (start) {
    begin(0);
}

function begin(id) {

    // placing questions
    const question = document.getElementById("question");
    question.innerText = Questions[id].q;

    // placing options
    document.getElementById('op1').innerText = Questions[id].a[0].text;
    document.getElementById('op2').innerText = Questions[id].a[1].text;
    document.getElementById('op3').innerText = Questions[id].a[2].text;
    document.getElementById('op4').innerText = Questions[id].a[3].text;

    $(".btn").click(function () {

        var selected = $(this).attr("id");
        selected.style.backgroundColor="red";
    }
    );

}

问题包含json格式的选项问题。选中按钮的颜色没有改变,我对JavaScript真的很陌生,请有人帮忙。

a64a0gku

a64a0gku1#

只需使用jQuery对象$(this)$(this).css('background-color','red');来更改单击时的按钮颜色。
或者通过document.getElementById("Your-button-id")获取id。

  • 注意:请避免jQuer和JavaScript不匹配 *

示例:

$(".btn").click(function() {
  $(this).css('background-color', 'red');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" value="quiz" class='btn' id='btn' />

或者:
一个二个一个一个

相关问题