{{ block title }}
    測驗
{{ endblock }}
{{ block content }}
   
<div id="problem_block">
    <p>
        1. 在選擇回合 （ <span style="color:red;font-size: 16px">A</span> ） ，若有 2 人選擇 X 方案， 1 人選擇 Y 方案，最終會以哪個方案執行？
    </p>
</div>

<div id='radiobuttonset'>
<input  class="OptionBtn" type='radio' id='ANS1' onclick="getValue(this)"  name='Q1' value='0' />
甲. X 方案<br>

<input  class="OptionBtn" type='radio' id='ANS2' onclick="getValue(this)"  name='Q1' value='1' />
乙. Y 方案<br>

<input  class="OptionBtn" type='radio' id='ANS3' onclick="getValue(this)"  name='Q1' value='2' />
丁. 3 法幣，2 法幣<br>


<input type="hidden" name="Q1" id="Q1"/>

</div>

<br>
<br>

<div id="result_block">
    <div id="ans_correct">
        <p><strong><span style="color:green;font-size: 16px">正確。
        每個選擇回合，
        每個大組中的受試者都需在 X 與 Y 兩方案中選擇一個，
        較多組員選擇的方案將在每階段第 3 個遊戲回合結束後執行。
        </span></strong></p>
    </div>
    
    <div id="ans_wrong">
        <p><strong><span style="color:red;font-size: 16px">錯誤，答案應為甲。
        每個選擇回合，
        每個大組中的受試者都需在 X 與 Y 兩方案中選擇一個，
        較多組員選擇的方案將在每階段第 3 個遊戲回合結束後執行。
        </span></strong></p>   
    </div>
</div>

<style>
    #ans_correct {
        display: none;
    }
    #ans_wrong {
        display: none;
    }
</style>


<script>

function getValue(obj) {
    // method 2 
	var value = obj.value;
	alert(value);
    document.getElementById("Q7").value = value;
    document.getElementById("ANS1").disabled = true;
    document.getElementById("ANS2").disabled = true; 
    document.getElementById("ANS3").disabled = true; 
    document.getElementById("ANS4").disabled = true;

    if (value==0) {
        document.getElementById("ans_correct").style.display = "block";
        // document.getElementById("ans_wrong").style.display = "block";

        }else{
            // document.getElementById("ans_correct").style.display = "none";
            document.getElementById("ans_wrong").style.display = "block";}
}

// function clickOption(value) {
//         ans = value;
//         document.getElementById("Q7").value = ans;
//         document.getElementById("ANS1").disabled = true;
//         document.getElementById("ANS2").disabled = true; 
//         document.getElementById("ANS3").disabled = true; 
//         document.getElementById("ANS4").disabled = true;

//         if (ans=1) {
//         document.getElementById("ans_correct").style.display = "block";
//         document.getElementById("ans_wrong").style.display = "none";

//         }else{
//             document.getElementById("ans_correct").style.display = "none";
//             document.getElementById("ans_wrong").style.display = "block";}  
//     }


</script>
{{ next_button }}

{{ endblock }}