如何关闭字母按钮？

下面的代码中有一堆字母按钮：

<?php
    $a = range("A","Z");
?>

<table id="answerSection">
    <tr>

<?php
    $i = 1;
    foreach($a as $key => $val){
        if($i%7 == 1) echo"<tr><td>";
        echo"<input type=\"button\" onclick=\"btnclick(this);\" value=\"$val\" id=\"answer".$val."\" name=\"answer".$val."Name\" class=\"answerBtns answers answerBtnsOff\">";      
        if($i%7 == 0) echo"</td></tr>";
        $i++;
    }
?>
    </tr>
</table>

现在下面的代码可以打开应答按钮：

$('#answer'+btn).addClass("answerBtnsOn");

但我想做的是能够打开一些答案按钮并关闭其他答案按钮。

例如，如果答案是 A，那么我希望按钮“A”打开，上面的代码行执行此操作，但我希望所有其他字母按钮关闭。如何关闭其他字母按钮？

这里的代码将关闭字母按钮addClass("answerBtnsOff");,

UPDATE:

我也有一个小问题。如果“答案”是 A，则字母按钮“A”会打开，这很好，但如果答案是“B D”，则应该打开字母按钮“B”和“D”，但实际上却没有。不要打开任何按钮。有人知道这是为什么吗？

一般模式是将所有按钮重置为关闭状态，然后仅启用所需的按钮。

// reset all answer buttons to the off state
// remove any on/off classes
$("#answerSection").find("button").removeClass("answerBtnsOff").removeClass("answerBtnsOn");

// set all buttons to off
$("#answerSection").find("button").addClass("answerBtnsOff");

// now turn on only the buttons that are valid
$("#answerA").removeClass("answerBtnsOff").addClass("answerBtnsOn");
$("#answerB").removeClass("answerBtnsOff").addClass("answerBtnsOn");