Question

Number of M.C.Q questions:<input type="number" name="mcq" min="0"/></br>
 </br>
 Number of True/False questions:<input type="number" name="truefalse" 
  min="0"/></br></br>
 <input type="submit" name="submit" value="Generate inputs"/>

Homepage

当我输入mcq问题的数量和true / false然后提交我想要生成那么多的输入，这样我就可以用mcq的4个单选按钮和真/假的2个单选按钮输入我的问题。

可以在javascript中使用吗？如果没有我怎么能在PHP中做到这一点？

Answer 1

这样的东西？

const mcq = document.getElementById('mcq')
const nb = document.getElementById('nb')
const button = document.getElementById('submit')
const res = document.getElementById('fields')

let qn, bn = 0;

button.addEventListener('click', function() {
  while (res.firstChild) {
    res.removeChild(res.firstChild);
  };
  qn = mcq.value || 0;
  bn = nb.value || 0;
  for (let i=0; i < qn; i++) {
    let l = document.createElement('span');
    l.innerText = 'Question ' + i;
    let e = document.createElement('input');
    e.setAttribute('id', 'q' + i);
    res.appendChild(l);
    res.appendChild(e);
    for (let i=0; i < bn; i++) {
      let b = document.createElement('input');
      b.setAttribute('type', 'radio');
      b.setAttribute('id', 'r' + i);
      res.appendChild(b);
    }
    res.appendChild(document.createElement('br'));
  };
})

Number of M.C.Q questions:<input type="number" name="mcq" id="mcq" min="0"/></br>
 </br>
 Number of True/False questions:<input type="number" id="nb" name="truefalse" 
  min="0"/></br></br>
 <input type="submit" name="submit" id="submit" value="Generate inputs"/>
 <div id='fields'></div>

所有字段都会获得唯一id，以便进一步收集数据。

使用javascript生成输入

1 个答案: