在javascript中的另一个元素中获取html元素

Red*_*wan 7 html javascript

嗨,我正在创建动态div元素,让我们说有4个div.DIV1,DIV2,DIV3,DIV4.每个div都有一组单选按钮rad1,rad2,rad3,rad4.见如下.

div1 ->rad1,rad2,rad3,rad4 groupName=rd1 ->end div1
div2 ->rad1,rad2,rad3,rad4 groupName=rd2 ->end div2
div3 ->rad1,rad2,rad3,rad4 groupName=rd3 ->end div3
div4 ->rad1,rad2,rad3,rad4 groupName=rd4 ->end div4
Run Code Online (Sandbox Code Playgroud)

这是动态创建的html.我想从div2或div3中选择哪个收音机我必须写什么剧本?

Luc*_*ofi 7

function checkRadio() {
    var radios = document.getElementById('rBox').getElementsByTagName('input');
    for (var i = 0; i < radios.length; i++) {
        radios[i].onclick = function(e) {
            var pid =  this.parentNode.id;
            if ( pid == 'group-2' || pid == 'group-3' )
                alert('PARENT: ' + this.parentNode.id )
        }
    }
}
Run Code Online (Sandbox Code Playgroud)
<body onload="checkRadio()">
<div id="rBox">
<div class="rad" id="group-1">
      <input type="radio" name="option" />
      .... 
    </div>
    <div class="rad" id="group-2">
      <input type="radio" name="option" />
      ....     
    </div>
    ....
 </div>
</body>
Run Code Online (Sandbox Code Playgroud)