javscript获取节点里面input控件数组

最新推荐文章于 2022-12-04 21:19:19 发布
最新推荐文章于 2022-12-04 21:19:19 发布
阅读量380 收藏
点赞数
分类专栏： JavaScript 文章标签： javscript获取节点里面input控件数组
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yan3730/article/details/84154462
版权 
// JS获取子节点里面input控件数组 
var inputCollectionObj = currentNodeObj.getElementsByTagName("input"); 
for ( var i = 0; i < inputCollectionObj.length; i++) { 
var inputObj = inputCollectionObj[i]; 
//inputObj.type 
}

 
input的type属性有10种类型，我就不一一细说了，我们可利用这个知识点轻松实现Richfaces datatable和Tree的节点选择（全选，全不选或选择多个）

 

yan3730
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSON转化成对象或者数组（使用jquery 简单好用）
梁先森的博客
01-16 3万+
话不多说，直接上例子 JSON数据转化成对象 for(var i=0; ijsons.length; i++){ alert(json[i].bookid+"--------- " + json[i].bookname); $(document).ready(function(){ $(".borrow").click(function(){
js笔试题(一)
qq_59076775的博客
10-17 819
js笔试题
JavaScript 获取 input 输入框内容的几种方法
sophia11116的博客
12-04 1万+
JavaScript 获取 input 输入框内容的几种方法
jquery 获取 input 名为数组
AnnYao
08-05 1万+
<?php if($_POST) { print_r($_POST); exit; } ?> <script src="bootstrap/js/jquery.js"></script> <script> $(function() { //在 form 标记中就这样 $.post(location, $('form').serialize(), function(d) {alert(
Web开发中用js里的document获取控件数组中某控件属性值
纪争光
05-01 5779
        今天主要看了看牛腩老师讲的JavaScript教程，这个教程还是传承了牛腩老师一贯的讲课风格，知识点很细，讲得很明了。这样也自然成了很好的入门教程。     以下总结今天看视频得到的一点东西，更是体现了语言的互通性。    如果多个按钮（不分控件类别）name属性相同，也就是属于同一组控件的。若用jsp中的document来获取其中某个控件的value值，需
表单节点API
02-27
这些API使得开发者能够方便地获取用户输入、验证数据、控制表单行为以及与其他JavaScript对象交互。本篇将深入探讨表单节点API的主要概念、常用方法和属性，帮助你更好地理解和运用它们。 1. **表单元素（Form ...
js获取Treeview选中的节点(C#选中CheckBox项)
10-27
// 否则，可能需要其他方式获取节点值 } } ``` 为了收集所有选中节点的值，可以创建一个数组`idlist`，并在循环中将选中节点的值推入数组： ```javascript var idlist = new Array(); for (var i = 0; i ; i++) ...
js多级联动多选checkbox插件
08-10
在JavaScript中，可以使用数组、对象或者自定义类来表示这种结构。 4. **级联逻辑**：当用户选择或取消选择一个节点时，需要更新其所有子节点的状态。这可能涉及到递归遍历数据结构，并根据父节点的选中状态来设置...
element-ui tree结构实现增删改自定义功能代码
10-14
这些方法的具体实现没有给出，但通常会涉及操作`treeData`数组，根据节点的`id`或索引找到对应位置进行插入或删除操作，并可能涉及到递归处理子节点。 总的来说，这个示例展示了如何利用Element-UI的Tree组件自定义...
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
11-23
这个函数会获取所有选中的节点，并将它们的ID存储在一个数组中。 ```javascript function getChecked() { var arr = []; var checkeds = $('#tt').tree('getChecked', 'checked'); for (var i = 0; i ; i++) {...
JavaScript jQuery 中定义数组与操作及jquery数组操作
10-23
主要介绍了JavaScript jQuery 中定义数组与操作及jquery数组操作的相关资料,需要的朋友可以参考下
jQuery中数组的使用
天高任鸟飞
07-27 2255
数组的定义 // 月计划id var mpIds = []; // 日计划Contentid var dailyContentIds=[]; push()方法 添加元素 &lt;c:forEach items="${m.normalDailyPlanContent}" var="ndp" varStatus="status"&gt; mpIds.push("${ndp.monthP...
javascript 输出数组元素内容（获取数组元素内容）
KLW75
02-23 1万+
javascript 中数组对象的元素值输出的，这里记录3种 1、通过下标来获取数组元素值。 通过数组对象的下标获取制定的元素值，例如：获取元素中第1个元素的值， list = new Array(1,2,3,4,5) var a = list[0] 这样a 就是list 的第一个元素的值了。 重要 ，这里要是输出的元素的下标超过了数组的范围，那么就会输出 undefined了 只有两项的数组，输出数组的第三项的值就会获得undefined。 2、用for 语句获取数组的元素值 用这个
js获取子节点和修改input的文本框内容
djb8317的博客
11-19 1704
js获取子节点和修改input的文本框内容 js获取子节点： $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点 例如：$("#"+defaultPVItemId).children().eq(3).find('input').val('当前位置'); //修改某个选择器下的第四个子节点的input节点的输入框文本内容...
Tips: JQuery 多元素选择并转化成数组
邱凯翔 Edward 的个人博客
12-02 2360
应用场景html的form中包含多个checkbox组件，希望能够在用户选择后以数组的形式返回用户的选择结果（指的是value中的值）: 得到的结果示例为：['SO2', 'NOX', 'CO', 'PM']JQuery解决流程正常的JQuery思路为：var variables = $('input[name=variables]:checked').map(function(){
Js中获取节点对象
xiaokangmiclong的博客
01-07 4538
getElementsByTagName
总结获取原生JS(javascript)的父节点、子节点、兄弟节点
热门推荐
Code鱼
04-25 7万+
关于原生JS获取节点，一直是个头疼的问题，而且调用方法的名字又贼长了，所以我选择用JQ，好像跑题了-- 话不多说看代码 获取父节点 及 父节点下所有子节点（兄弟节点） &lt;ul&gt; &lt;li&gt; &lt;textarea&gt;文本一&lt;/textarea&gt; &lt;input type=button value="复...
js中如何获取input框中的数组
最新发布
05-27
如果要获取input框中的数组，首先需要确定数组是以什么方式传递给后端的。常见的情况有两种： 1. 数组作为input框的value值：这种情况下，可以使用`document.getElementById()`或者`document.querySelector()`方法来获取input框元素，然后使用该元素的`value`属性来获取数组的值。例如： ```html <input type="text" id="inputId" value="[1,2,3,4]"> ``` ```javascript var inputElement = document.getElementById("inputId"); var inputArray = JSON.parse(inputElement.value); console.log(inputArray); // [1, 2, 3, 4] ``` 在这个例子中，`inputElement.value`返回的是字符串`"[1,2,3,4]"`，需要使用`JSON.parse()`方法将其转换为对应的数组类型。 2. 多个input框分别传递数组的不同元素：这种情况下，可以使用`document.getElementsByName()`方法来获取所有同名的input框元素，然后逐个获取它们的value属性，将它们组合成数组。例如： ```html <input type="text" name="inputName" value="1"> <input type="text" name="inputName" value="2"> <input type="text" name="inputName" value="3"> <input type="text" name="inputName" value="4"> ``` ```javascript var inputElements = document.getElementsByName("inputName"); var inputArray = []; for (var i = 0; i < inputElements.length; i++) { inputArray.push(inputElements[i].value); } console.log(inputArray); // ["1", "2", "3", "4"] ``` 在这个例子中，`document.getElementsByName("inputName")`返回的是一个NodeList对象，包括了所有name属性为`"inputName"`的input框元素。然后使用一个循环逐个获取它们的`value`属性，将它们添加到一个数组中。需要注意的是，这里获取到的数组元素都是字符串类型，可以根据需要使用`parseInt()`等方法将其转换为对应的类型。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值