PLAY-2780 | Fixed radio buttons so only one item is selectable

Author: rfallin

lib/marked.js

@@ -857,12 +857,16 @@ Renderer.prototype.code = function(code, lang, escaped, attr) {
 
 Renderer.prototype.quiz = function(quizTokens) {
   var body = "<section class='quiz'>" +" <h1>" + quizTokens.text + "</h1>";
+  var radioId = getRandomInt(10000);
   body += "<form id='quiz-group-" + quizTokens.id + "'>";
   for (var i = 0; i < quizTokens.items.length; i++) {
     var e = quizTokens.items[i];
     var uniqueId = getRandomInt(10000);
     if(e.type === "text") {
       body += "<label for='quiz-group-" + quizTokens.id + "-" + uniqueId + "' class='incorrect'><input id='quiz-group-" + quizTokens.id + "-" + uniqueId + "' name='quiz-group-" + quizTokens.id + "-" + uniqueId + "' type='text' data-answer='" + (e.option || "") + "' data-value='" + e.text.toString("base64") + "'  /></label>";
+    } else if (e.type === "radio") {
+      // set to maintain same identifier for the radio button so only one answer can be selected
+      body += "<label for='quiz-group-" + quizTokens.id + "-" + uniqueId + "' class='incorrect'><input id='quiz-group-" + quizTokens.id + "-" + uniqueId + "' name='quiz-group-" + quizTokens.id + "-" + radioId + "' type='" + e.type + "' data-answer='" + (e.option || "") + "' />" + e.text + "</label></br>";
     } else {
       body += "<label for='quiz-group-" + quizTokens.id + "-" + uniqueId + "' class='incorrect'><input id='quiz-group-" + quizTokens.id + "-" + uniqueId + "' name='quiz-group-" + quizTokens.id + "-" + uniqueId + "' type='" + e.type + "' data-answer='" + (e.option || "") + "' />" + e.text + "</label></br>";
     }