gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 14:04:23 25 4
gpt4 key购买 nike

嗨我正在创建动态 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com