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

debugcn 发表于 Dev

安曼

我有一个嵌入式表单，其中字段名称是动态生成的。我正在尝试获取一组单选按钮的字段名称和选定值。

<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）。

囚徒拉朱

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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。