$vtext10 = [ 'r*c0' => '0', 'r*c1' => '1', 'r*c2' => '2', 'r*c3' => '3', 'r*c4' => '4', 'r*c5' => '5', 'r*c6' => '6', 'r*c7' => '7', 'r*c8' => '8', 'r*c9' => '9', 'r*c10' => '10', 'r*c99' => '?', ]; $css10 = ' tr.pr-row-head { background: transparent !important; } tr.pr-row-head td { border: none !important; } [cnum="1"] pr-col-title { text-align: left } [cnum="10"] pr-col-title { text-align: right } pr-elem-reminder {width: 3em; min-height: 40px; font-size: 150%; margin: auto} @media screen and (max-device-width:650px) { tbody {lineHeight: 1em; font-size: 70%} pr-elem-reminder {width: 1.5em;} } '; $js10 = ' $(".pr-row-head [cnum]:not([cnum=1],[cnum=10])").remove(); $(".pr-row-head [cnum=1]").attr("colspan", 5); $(".pr-row-head [cnum=10]").attr("colspan", 5); $("pr-elem").hide(); var colors = { 1: "bg-red-l1", 2: "bg-red-l1", 3: "bg-red-l3", 4: "bg-red-l3", 5: "bg-yellow-l4", 6: "bg-yellow-l4", 7: "bg-green-l3", 8: "bg-green-l3", 9: "bg-green-l1", 10: "bg-green-l1", }; $(document).on("change", "pr-question-main :radio, pr-question-main :checkbox", function () { $("[rnum]:not([rnum=99]) [cnum]").each(function () { var $td = $(this), $input = $td.find(":radio, :checkbox"), cnum = $td.attr("cnum"); $td.toggleClass(colors[cnum], $input.prop("checked") && !$input.prop("disabled")); }); }); ';