{{ block title }}
    測驗
{{ endblock }}


{{ block content }}
   
<div id="problem_block">
    <p>
        7. 假如你在某一輪被選中了，那在同一輪接下來的遊戲回合（ <span style="color:green;font-size: 16px">B</span> ）中，請問下列哪個選項的敘述正確？
    </p>
</div>

<div id='radiobuttonset'>
<input  class="OptionBtn" type='radio' id='ANS1' onclick="getValue(this)"  name='Q71' value='0' />
甲. 這些遊戲回合你的作答<span style="color:red;font-size: 16px">依然會</span>貢獻大組累積報酬，
<span style="color:red;font-size: 16px">也會</span>影響你的個人累積報酬。<br>

<input  class="OptionBtn" type='radio' id='ANS2' onclick="getValue(this)"  name='Q72' value='1' />
乙. 這些遊戲回合你的作答<span style="color:red;font-size: 16px">依然會</span>貢獻大組累積報酬，
<span style="color:red;font-size: 16px">但不會</span>影響你的個人累積報酬。<br>

<input  class="OptionBtn" type='radio' id='ANS3' onclick="getValue(this)"  name='Q73' value='2' />
丙. 這些遊戲回合你的作答<span style="color:red;font-size: 16px">都不會</span>貢獻大組累積報酬，
<span style="color:red;font-size: 16px">但會</span>影響你的個人累積報酬。<br>

<input  class="OptionBtn" type='radio' id='ANS4' onclick="getValue(this)"  name='Q74' value='3' />
丁. 這些遊戲回合你的作答<span style="color:red;font-size: 16px">都不會</span>貢獻大組累積報酬，
<span style="color:red;font-size: 16px">也不會</span>影響你的個人累積報酬。<br>

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

</div>

<br>
<br>

<div id="result_block">
    <div id="ans_correct">
        <p><strong><span style="color:green;font-size: 16px">正確。
            受試者在方案執行「被選中」後，無論選擇的是 X 或者 Y 方案，都需要繼續參與本輪剩餘的遊戲回合，
            然而接下來的遊戲回合，
            被選中的人即使填對也無法增加大組累積報酬。
            個人累積報酬是獨立計算的，每人每填對一格可增加 1 法幣。</span></strong></p>
    </div>
    
    <div id="ans_wrong">
        <p><strong><span style="color:red;font-size: 16px">錯誤，答案應為丙。
            受試者在方案執行「被選中」後，無論選擇的是 X 或者 Y 方案，都需要繼續參與本輪剩餘的遊戲回合，
            然而接下來的遊戲回合，
            被選中的人即使填對也無法增加大組累積報酬。
            個人累積報酬是獨立計算的，每人每填對一格可增加 1 法幣。
        </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==2) {
        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 }}