如果选中多个复选框 - 更改 innerHTML

Question

我正在创建一个反应测验，它会根据您使用PHP和Javascript选择的答案而变化。

这是单选按钮脚本的工作示例，该脚本根据您选择的答案更改内部 HTML。使用 PHP 将值写为"AQN20">

$(function () {
$("input[name=AQN2]:radio").click(function () {
if ($('input[value=AQN20]:checked').val()) {
document.getElementById("MCA2").innerHTML = "this is right";
} 
else {
document.getElementById("MCA2").innerHTML = "this is wrong";
}
});
});

我正在尝试复制复选框的相同行为，但请考虑多个答案。

所以，我有一个PHP数组，你可以在其中输入答案。

$multipleCheckboxOptions = array(
'Option A',
'Option B',
'Option C',
'Option D'
);

然后，我将每个答案创建为复选框选项，并将数组 键 分配给值。因此，在下面的示例中，这将是数组中的第一个选项(输出的 HTML 示例(。

<input type="checkbox" name="AQN1" class="checkbox Q1" value="0" id="0mcq">

然后我有另一个数组，您可以在其中选择正确答案。
$correctAnswerNumber = array(0,2)在这种情况下，答案 1 和 3 将是正确答案。

下面是我目前被困在使用 PHP 的行为复选框的地方，

$(function () {
$("input[name=<?php echo $uniqueIDAnswer ?>]:checkbox").click(function () {
if ($('input[value=<?php echo $correctAnswerNumber?>]:checked').val()) {
document.getElementById("CA<?php echo $mcanumber?>").innerHTML = "<?php echo $correctAnswerDescriptionAnswer ?>";
} 
else {
document.getElementById("CA<?php echo $mcanumber?>").innerHTML = "<?php echo $incorrectAnswerDescriptionAnswer ?>";
}
});
});

我需要 [value=] 标签 ($correctAnswerNumber( 来输出 0 && 3 'input[value=<?php echo $correctAnswerNumber?>]:checked'

我希望我已经解释得足够清楚了！对不起，如果它令人困惑。

Answer 1

它应该是RadioButtonGroup而不是CheckBoxGroups，并且还创建一个变量，该变量被调用为Answer，并且在放置真实答案的位置将该单选按钮设置为Answer并选择逻辑答案，这将是您的正确答案