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

标签 javascript html

嗨 我正在创建动态 div 元素,假设有 4 个 div。分区 1、分区 2、分区 3、分区 4。每个 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

这是动态创建的 html。我想从 div2 或 div3 中选择哪个 Radio 我必须写什么脚本?

最佳答案

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 )
        }
    }
}

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

关于javascript - 在javascript中获取另一个元素内的html元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4932239/

相关文章:

javascript - 如何使用 html 中的视频标签使视频响应?

javascript - 在每个循环中使用 setTimeout 不起作用

javascript - 切换多个类

javascript - 将 JSP 参数传递给 javascript 在 IE8 中不起作用!

javascript - 定位包含切换的多个 div,以分别更改单击时的样式

javascript - 添加动态类时的 Css 类优先级

html - 如何在html中创建这样的动态列表

JavaScript 将 NULL 转换为 0

javascript - HTML5音频如何防止浏览器麦克风拾取所有声音

html - 第一个 child 不在标签上工作