Advertisement
Guest User

addCheckedEvent

a guest
Jul 2nd, 2019
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 1.94 KB | None | 0 0
  1.     var addCheckedEvent = function ($collapsible, $collapsibleCheckbox) {
  2.         var answersArr = [];
  3.         $collapsibleCheckbox.each(function (i) {
  4.             $checkbox = $(this);
  5.             $checkbox.change(function () {
  6.                 answersArr.splice(0, answersArr.length);
  7.                 // getting back all checked inputs, Need to bind to specific question without using this
  8.                 answersArr = $(".ui-collapsible-content .ui-controlgroup input:checkbox:checked").map(function () {
  9.                     return $("label[for='" + this.id + "']").text();
  10.                 }).get();
  11.                 console.log(`ARR B4 ${answersArr} --- ${typeof answersArr}`);
  12.                 var arr = Object.keys(answersArr).map(function (key) { return answersArr[key]; });
  13.                 console.log(`ARR CHNAGE ${arr} --- ${typeof arr}`);
  14.             }); // END OF $checkbox.change()
  15.         }); //END OF $collapsibleCheckbox.each()
  16.         $(`.btn-next`).click(function (event) {
  17.             event.preventDefault();
  18.             var answerString = "";
  19.             if (answersArr.length === 1) {
  20.                 answerString = answersArr.join();
  21.                 // answersArr.splice(0, answersArr.length);
  22.             } else {
  23.                 answerString = answersArr.join(", ");
  24.                 // answersArr.splice(0, answersArr.length);
  25.             }
  26.             $collapsible.css("opacity", .8);
  27.             var $collapsibleText = $collapsible.find("a .mrQuestionText");
  28.             var $collapsibleAnswers = $collapsibleText.find(".collapsible-answers");
  29.             if ($collapsibleAnswers.length > 0) {
  30.                 $collapsibleAnswers.html(answerString);
  31.             } else {
  32.                 $collapsibleText.html($collapsibleText.html() + "<div class='collapsible-answers'>" + answerString + "</div>");
  33.             }
  34.             findUnansweredCollapsible(false);
  35.         }); // END OF btn-next.click()
  36.     }; //END OF addCheckedEvent
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement