Javascript 获取div中的所有子输入元素

Javascript 获取div中的所有子输入元素,javascript,Javascript,我正在尝试获取输入字段的所有值。问题是所有的都是动态的,可以随时增加或减少 所以我从主DI开始,然后从那里开始。我现在的问题是我没有得到输入单选按钮的值 以下是我打算完成的步骤: 如果选择了任何单选按钮,请将其值传递给复选框值 如果选择了单选按钮而未选中复选框,则不要传递到复选框值 我正在寻找一个只使用JavaScript的解决方案-不要使用jQuery 这是我的 HTML 您可以使用getElementsByTagName function getpref(val) { var div

我正在尝试获取输入字段的所有值。问题是所有的
都是动态的,可以随时增加或减少

所以我从主DI开始,然后从那里开始。我现在的问题是我没有得到输入单选按钮的值

以下是我打算完成的步骤:

  • 如果选择了任何单选按钮,请将其值传递给复选框值
  • 如果选择了单选按钮而未选中复选框,则不要传递到复选框值
  • 我正在寻找一个只使用JavaScript的解决方案-不要使用jQuery

    这是我的

    HTML
    您可以使用
    getElementsByTagName

    function getpref(val) {
        var divNode = document.getElementById(val);
        var inputNodes = divNode.getElementsByTagName('INPUT');
        for(var i = 0; i < inputNodes.length; ++i){
            var inputNode = inputNodes[i];
            if(inputNode.type == 'radio') {
                //Do whatever you want
                if(inputNode.checked) {
                    //Do whatever you want
                }
            }
        }
    }
    
    函数getpref(val){ var divNode=document.getElementById(val); var inputNodes=divNode.getElementsByTagName('INPUT'); 对于(变量i=0;i
    示例:

    您可以使用
    getElementsByTagName

    function getpref(val) {
        var divNode = document.getElementById(val);
        var inputNodes = divNode.getElementsByTagName('INPUT');
        for(var i = 0; i < inputNodes.length; ++i){
            var inputNode = inputNodes[i];
            if(inputNode.type == 'radio') {
                //Do whatever you want
                if(inputNode.checked) {
                    //Do whatever you want
                }
            }
        }
    }
    
    函数getpref(val){ var divNode=document.getElementById(val); var inputNodes=divNode.getElementsByTagName('INPUT'); 对于(变量i=0;i
    示例:

    您可以使用
    getElementsByName
    通过
    name='deliveryMethodId'
    获取所有单选按钮,然后从那里开始:

    function getpref(val) {
        var radioButtons = document.getElementById(val).getElementsByName("deliveryMethodId");
    
        for(var i = radioButtons.length-1; i>=0; i--)
        {
            var radioButton = radioButtons[i];  
    
            if(radioButton.checked)
                console.log(radioButton.id + " is selected ");
        }
    }
    

    您可以使用
    getElementsByName
    通过
    name='deliveryMethodId'
    获取所有单选按钮,然后从那里开始:

    function getpref(val) {
        var radioButtons = document.getElementById(val).getElementsByName("deliveryMethodId");
    
        for(var i = radioButtons.length-1; i>=0; i--)
        {
            var radioButton = radioButtons[i];  
    
            if(radioButton.checked)
                console.log(radioButton.id + " is selected ");
        }
    }