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

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

javascript html

获取javascript中另一个元素内的html元素,javascript,html,Javascript,Html,嗨我正在创建动态div元素，假设有4个div。第一组，第二组，第三组，第四组。每个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

嗨我正在创建动态div元素，假设有4个div。第一组，第二组，第三组，第四组。每个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中选择哪个收音机，我需要编写什么脚本？

使用jquery

使用jquery->$.live（）

如果我理解正确，这可能会帮助您：

var num_of_options = 4;
var selected = new Array();
var op, i, j;

for (j=1;j<=num_of_options;j++) {
    op = document.getElementsByName("rd"+j);
    for (i in op) {
        if (op[i].checked) {
            selected[j] = op[i].value;
        }
    }
}

var num_of_options=4；
所选变量=新数组（）；
var op，i，j；
对于（j=1；j，这里是粗略的样本代码，将在每个div
中显示所选的值：
var arrDivs = ["div1", "div2", "div3"];
for (var i = 0; i < arrDivs.length; i++) {
    var oDiv = document.getElementById(arrDivs[i]);
    if (oDiv) {
        var arrInputs = oDiv.getElementsByTagName("input");
        var blnFound = false;
        for (var j = 0; j < arrInputs.length; j++) {
            var oInput = arrInputs[j];
            if (oInput.type == "radio" && oInput.checked) {
                alert("The value of selected radio in div '" + arrDivs[i] + "' is: " + oInput.value);
                blnFound = true;
                break;
            }
        }
        if (!blnFound)
            alert("div '" + arrDivs[i] + "' contains no selected radio button");
    }
    else {
        alert("div was not found: " + arrDivs[i]);
    }
}

var arrDivs=[“div1”、“div2”、“div3”]；
对于（变量i=0；i


演示：

功能检查收音机（）{
var radios=document.getElementById（'rBox'）.getElementsByTagName（'input'）；
对于（变量i=0；i



.... 
....     
....
请向我们展示您正在使用的内容以及您已经完成的工作。什么算是选定选项？每个div中是否有
元素，以及子元素？google“option element html”，第一个结果“first句子状态”option元素位于选定元素的指定问题内。S对不起，这不是选项，它是单选按钮。代码太大了。所以我只是解释一下场景。即使生产代码很大，你也应该能够创建。
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>