概要

javascriptで数字と空白で５個あるinput textを"3 4 5"で選択する方法を書く。

写真

サンプルコード


var out = document.getElementById("out");
var src = document.getElementById("src"); 
var ank = [
  ["問題１", "①考えている", "②どちらともいえない",	"③今は考えていない", "④-"],
  ["問題２", "①考えている", "②どちらともいえない",	"③今は考えていない", "④-"],
  ["問題３", "①考えている", "②どちらともいえない",	"③今は考えていない", "④-"],
  ["問題４", "考えている", "どちらともいえない",	"今は考えていない", "-"],
  ["問題５", "考えている", "どちらともいえない",	"今は考えていない", "-"]
];
for (var i = 0; i < ank.length; i++)
{
  out.value += ank[i][0] + "\n";
}

function run() {
  for (var i = 0; i < 5; i++)
  {
    for (var j = 0; j < 5; j++)
    {
      var s = "out" + i + j;
      out = document.getElementById(s);
      out.value = "";
    }
  }
  var mondai = src.value.split(" ");
  for (var i = 0; i < mondai.length; i++)
  {
    for (var j = 0; j < 5; j++)
    {
      var s = "out" + i + j;
      out = document.getElementById(s);
      out.value = ank[mondai[i] - 1][j];
    }
  }
}

成果物

以上。