Permitiendo que todos respondan la wea que quieran

merepresenta/static/js/perguntas_match.js

@@ -0,0 +1,32 @@
+
+$(function(){
+    $('.options input[type="checkbox"]:checked').parent().parent().addClass('cat-selected');
+    $('.options input[type="checkbox"]').change(function(el){
+
+        let is_selected = $(this).prop("checked");
+        let amount_of_selected = $('.options input[type="checkbox"]:checked').length;
+
+        $(this).parent().parent().removeClass('cat-selected cat-unselected');
+        if(is_selected){
+            $(this).parent().parent().addClass('cat-selected');
+        }
+        else{
+            $(this).parent().parent().addClass('cat-unselected');
+        }
+
+    });
+
+});
+$(function(){
+
+    let $element = $('.radio input[type="radio"]')
+    let $checked = $('.radio input[type="radio"]:checked')
+
+    $checked.parent().parent().addClass('option-selected');
+
+    $element.click(function() {
+        $(this).parent().parent().addClass("option-selected");
+        $(this).parent().parent().siblings().removeClass("option-selected");
+    });
+
+});

merepresenta/templates/base.html

@@ -151,7 +151,6 @@ <h4>Apoio</h4>
     <script src="{% static 'js/analytics.js' %}"></script>
     <script src="{% static 'js/bootstrap-datepicker.js' %}"></script>
     <script src="{% static 'js/bootstrap.min.js' %}"></script>
-    <script src="{% static 'js/pautas.js' %}"></script>
     <script src="{% static 'js/merepresenta.js' %}"></script>
     <script src="{% static 'js/navbar.js' %}"></script>
     <script src="{% static 'js/jquery-ui.js' %}"></script>

merepresenta/templates/match/pergunta.html

@@ -36,5 +36,5 @@
 {% endblock content %}
 
 {% block scripts %}
-<script type="text/javascript" src="{% static 'js/pautas.js' %}"></script>
+<script type="text/javascript" src="{% static 'js/perguntas_match.js' %}"></script>
 {% endblock scripts %}