JavaScript - 如何获取动态单选按钮名称和选定值？

Question

我有一个嵌入式表单，其中字段名称是动态生成的。我正在尝试获取一组单选按钮的字段名称和选定值。<div class="Business_Type">    <input type="radio" name="12234_1212" value="Private"> Channel<br>    <input type="radio" name="12234_1212" value="Public"> Direct</div>这是我尝试的脚本，它不起作用：<script>        var fieldContainer_Business_Type = document.getElementsByClassName('Business_Type')[0];    var radios_Business_Type = fieldContainer_Business_Type.getElementsByTagName("input");    var Business_Type;    function businessType() {        for (var i = 0; i < radios_Business_Type.length; i++) {            if (radios_Business_Type[i].type === 'radio' && radios_Business_Type[i].checked) {                Business_Type = radios_Business_Type[i].value;                console.log(Business_Type);            }        }       }    radios_Business_Type.onclick = businessType();</script>任何帮助深表感谢。请只使用 Vanilla JavaScript（不是 jQuery）。

Answer 1

var fieldContainer_Business_Type = document.getElementsByClassName('Business_Type')[0];

var radios_Business_Type = fieldContainer_Business_Type.getElementsByTagName("input");

var Business_Type;

function businessType() {

    for (var i = 0; i < radios_Business_Type.length; i++) {

        if (radios_Business_Type[i].type === 'radio' && radios_Business_Type[i].checked) {

            Business_Type = radios_Business_Type[i].value;

            console.log(Business_Type);

        }

    }

}

for (var i = 0; i < radios_Business_Type.length; i++) {

    radios_Business_Type[i].addEventListener('click', businessType);

}

<div class="Business_Type">

    <input type="radio" name="12234_1212" value="Private"> Channel<br>

    <input type="radio" name="12234_1212" value="Public"> Direct

</div>