$vtext10 = [
'r*c0' => '<span>0</span>',
'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"));
});
});
';