需要一些单选按钮更改功能的帮助

Question

http://keralapsctuts.com/Old/topic.php?id=14

以上是我正在处理的页面，但我遇到了问题。从MySQL数据库加载我的所有问题和选择后，我希望有一个功能，用户选择一个选项，它检查答案是否正确，然后如果选择正确，文本变为绿色或红色（如果选择不正确）。

这是典型问题/选择的布局：

'<div class="question_container">
    <p class="questions">'.$question.'</p>
    <span class="group">
        <input id="id_radio1" type="radio" name="group'.$id.'" value="'.$ans1.'" />'.$ans1.'
        <input id="id_radio2" type="radio" name="group'.$id.'" value="'.$ans2.'" />'.$ans2.'
        <input id="id_radio3" type="radio" name="group'.$id.'" value="'.$ans3.'" />'.$ans3.'
        <input id="id_radio4" type="radio" name="group'.$id.'" value="'.$ans4.'" />'.$ans4.'
    </span>
</div>';

Answer 1

你真的没有给出足够的信息，但这可能与你想要的相似：

jsFiddle DEMO

问题/答案阻止：

<div class="question_container">
    <p class="questions">Question about stuff?</p>
    <span class="group" style="inline-block;">
        <label>
            <input id="id_radio1" class="incorrect" type="radio" name="group1" value="Answer 1" />Answer 1
        </label>
        <label>
            <input id="id_radio2" class="correct" type="radio" name="group1" value="Answer 2" />Answer 2
        </label>
        <label>
            <input id="id_radio3" class="incorrect" type="radio" name="group1" value="Answer 3" />Answer 3
        </label>
        <label>
            <input id="id_radio4" class="incorrect" type="radio" name="group1" value="Answer 4" />Answer 4
        </label>
    </span>
</div>

<强> jQuery的：

$("input[type=radio]").click(function() {
    var Radio       =   $(this);
    var GetGroup    =   Radio.parents(".group");
    GetGroup.find("label").css({"background-color":"transparent"});
    // You can use a one-line ternary here to switch colors
    Radio.parent().css({"background-color":((Radio.attr("class") == 'correct')? "green" : "red")});
});