{{ block title }}
    购物态度
{{ endblock }}
{{ block content }}


    <table class="table table-striped">
        <tr>
            <th>请描述在过去两天内，您的想法、感受和相关行为（每行请选择一个选项）</th>
            <th class="bold-text">从不</th>
            <th class="bold-text">很少</th>
            <th class="bold-text">有时</th>
            <th class="bold-text">经常</th>
            <th class="bold-text">总是</th>
        </tr>
        
        {{ for field in form }}
        <tr>
            <th>{{ field.label }}</th>
            {{ for option in field }}
            <td>{{ option }}</td>
            {{ endfor }}
        </tr>
        {{ endfor }}
       
    </table>



    <button class="otree-btn-next btn btn-primary" id="next-button" onclick="checkCheckbox()">下一页</button>

    <style>
        th {
            font-weight: normal;
        }
        th.bold-text {
            font-weight: bold;
        }
    </style>
    <script>
    
        // workaround needed until wtforms #615 is published
        for (let option of document.querySelectorAll('input[type=radio]')) {
            option.required = 'required';
        }

        function checkCheckbox() {
            const checkbox = document.getElementById('id_addiction17-1');
            
            if (!checkbox.checked) {
                alert('请认真回答问题！'); // Display the alert if the checkbox is not checked
                return false; // Stop the form from submitting and going to the next page
            }
        }
    </script>

{{ endblock }}