如何获取所有子元素输入

How to fetch all children element input

本文关键字：元素 输入 何获取 获取      更新时间：2023-09-26

我被困在一个点上，我必须获取所有的输入元素，其中执行的动作。

如:有一个容器，其中可以有n个输入元素，如输入类型文本/数字/日期单选按钮等(动态渲染)

和在同一个容器中有一个名为submit的按钮。当我点击提交

  1. 我必须得到submit button元素的父元素
  2. 获取父容器中的所有元素

我该怎么做呢?

因为我是动态渲染，所以我不能设置范围，这样我就可以访问范围

如果你使用jquery，你可以这样做:

var $parent = $(button).parent();
var $inputs = $parent.find("input");

如果你不使用jquery，你可以使用以下代码:

var parent = buttonElement.parentElement;
var inputs = parent.getElementsByTagName("input");

 <div>
    <input type="text" id="txtName" value="Aslam"/>
    <input type="radio" value="Select" />
    <input type="button"  id="btnClick" value="Click Me!"/>
</div>
<script>
    $("#btnClick").on('click', function () {
        var parent = $(this).parent();
        var childrens = parent.children("input");
        childrens.each(function () {
            switch (this.type) {
                case 'text':
                    alert('Put text box logic');
                    break;
                case 'radio':
                    alert('Put radio box logic');
                    break;
                    //Put other control
                default:
            }
        })
    });
</script>

首先设置ng-form，通过ng-model访问…这是一个简单的方法…

<form ng-form="myparent">
    <input type="text" ng-model="myparent.firstname"/>
    <input type="text" ng-model="myparent.lastname"/>
    ... Etc
    </form>
相关文章：