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

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 [email protected]("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 [email protected]("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 [email protected]("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;