{% extends "global/Page.html" %}
{% load otree static %}
{% block title %}
{% endblock %}



  {% block content %}
  <style>
    .debug-info {
        display: none;
    }

</style>
<p>
    请回答以下问题
</p>
<br>
<p>
  如果选项是“强烈反对”，“反对”， “一般反对”， “既不反对也不同意”， “一般同意”， “同意”， “强烈同意”， 请选择你在哪个程度同意或反对题干中描述的观点。
</p>
<br>
<br>
{% formfield player.PQU1 %}
{% formfield player.PQU2 %}
{% formfield player.PQU3 %}
{% formfield player.PQU4 %}
<br>
<br>
{% formfield player.PFU1 %}
{% formfield player.PFU2 %}
{% formfield player.PFU3 %}
{% formfield player.PFU4 %}
{% formfield player.PFU5 %}
<br>
<br>
{% formfield player.PF1 %}
{% formfield player.PF2 %}
<br><br>
{% formfield player.S1 %}
{% formfield player.S2 %}
<br><br>
{% formfield player.EC1 %}
{% formfield player.EC2 %}
{% formfield player.EC3 %}
<br>
<button class="btn btn-primary">提交</button>
<script>  
  function getElementByAttr(tag, dataAttr, reg) {
    var aElements = document.getElementsByTagName(tag);
    var aEle = [];
    for(var i = 0; i < aElements.length; i++) {
      var ele = aElements[i].getAttribute(dataAttr);
      if(reg.test(ele)) {
          aEle.push(aElements[i]);
      }
    }
    return aEle;
  }

  window.onload = function(){  
    var a = getElementByAttr("label","for",/id_PFU1_0/)
    var label =a[0]
    label.innerHTML = "在收到商品之前，我<span style = 'text-decoration: underline;font-weight: bold;'>不是很确定</span>收到商品的一些属性会符合我的偏好: "
    var a = getElementByAttr("label","for",/id_PFU2_0/)
    var label =a[0]
    label.innerHTML = "在收到商品之前，我<span style = 'text-decoration: underline;font-weight: bold;'>确定</span>收到的商品会符合我的品味: "
    var a = getElementByAttr("label","for",/id_PFU3_0/)
    var label =a[0]
    label.innerHTML = "在收到商品之前，我<span style = 'text-decoration: underline;font-weight: bold;'>确定</span>收到的商品会跟我的喜好相符合:"
    var a = getElementByAttr("label","for",/id_PFU4_0/)
    var label =a[0]
    label.innerHTML = "在收到商品之前，我<span style = 'text-decoration: underline;font-weight: bold;'>不确定</span>收到商品的一些属性会符合我的偏好:"
    
  }
</script>
  {% endblock %}