如何将单选按钮的值设置为段落标签

Question

我有一组单选按钮，并且想将段落标记的innerHtml更改为所选单选按钮的值。

目前，我有以下内容：

<form id="mainForm" name="mainForm">
                    <div style="height: 40px; border-bottom: 1px solid grey; border-left: 1px solid grey; border-right: 1px solid grey">
                        <p>100kms per day@Html.RadioButton("uniqueRadio", item.standard_100, new { @checked = true })</p>
                    </div>

                    <div style="height: 40px; border-bottom: 1px solid grey; border-left: 1px solid grey; border-right: 1px solid grey">
                        <p>200kms per day@Html.RadioButton("uniqueRadio", item.standard_200)</p>
                    </div>

                    <div style="height: 40px; border-bottom: 1px solid grey; border-left: 1px solid grey; border-right: 1px solid grey">
                        <p>400kms per day@Html.RadioButton("uniqueRadio", item.standard_400)</p>
                    </div>
</form>

我要操作的段落标签：

<p id="currentRate"></p>

我用来操纵段落标记的内容：

<script>
     document.mainForm.onclick = function () {
        var radVal = document.mainForm.uniqueRadio.value;
        document.getelementById("currentRate").innerHTML = 'You selected: ' + radVal;
    }
</script>

我不确定是否在某个地方出现错误，或者我以错误的方式进行处理。请进一步告知。

非常感谢

Answer 1

您有错字：

document.getelementById("currentRate").innerHTML = 'You selected: ' + radVal;

您需要在元素中大写E：

document.getElementById("currentRate").innerHTML = 'You selected: ' + radVal;