Javascript 多个复选框alter text-我想将结果放在标签上/span而不是输入文本中

到目前为止，我得到了这个，文本的变化将出现在输入文本。我只想把它作为span/label

<script>
function pros(frm){
      //For each checkbox see if it has been checked, record the value.
   for (i = 0; i < frm.box.length; i++)
      if (frm.box[i].checked){
         frm.text[i].value = 'Checked';
      } else {
    frm.text[i].value = 'Unchecked';
      }

}
</script>

功能专业人员（frm）{
//对于每个复选框（查看是否已选中），记录值。
对于（i=0；i

HTML是

<form method="post" action="field/check.php" name="field">
    <table class='zb'>

<tr><td><b>Reading</b></td><td><input type='checkbox' id='box' name='Reading' value='Reading' onchange='pros(this.form)'/></td>
<td><input type='text' class='nobord' id='text' value='Unchecked' readonly></td></tr>
<tr><td><b>Grammar</b></td>
<td><input type='checkbox' id='box' name='Grammar' value='Grammar' onchange='pros(this.form)'/></td>
<td><input type='text' class='nobord' id='text' value='Unchecked' readonly></td></tr>
<tr><td><b>Writing</b></td>
<td><input type='checkbox' id='box' name='Writing' value='Writing' onchange='pros(this.form)'/></td>
<td><input type='text' class='nobord' id='text' value='Unchecked' readonly></td></tr>
<tr><td><b>Speaking</b></td>
<td><input type='checkbox' id='box' name='Speaking' value='Speaking' onchange='pros(this.form)'/></td>
<td><input type='text' class='nobord' id='text' value='Unchecked' readonly></td></tr>   
        </table><br/>
    <div align="center">
<input type="submit" name="Submit" value="Submit" class="cssbutton"/>  
<input name="reset" type="reset" value="Reset" class="cssbutton"/>

</form>

阅读
文法
书写
讲话

那么，JS如何将结果放在span/label上（如果选中或未选中）？

---

然后，我将在标记表单关闭后的某个位置放置span/label。

因此，在您的示例中，这些标签/span的位置可能在标记表单关闭后。1添加一个id为resultSpan的span。2将

frm.text[i].value的实例更改为
document.getElementById（'resultSpan'）.innerHTML
。我假设只有一个跨度，尽管您的代码似乎指示了几个跨度。在这种情况下，1添加4个跨度，ID为
resultSpan0
到
resultSpan3
2将
frm.text[i].value
的实例更改为
document.getElementById（'resultSpan'+i）.innerHTML