获取表单内父容器没有被display=none隐藏的input,select,radio等的表单name属性值
时间: 2023-08-05 20:06:55 浏览: 47
你可以使用 JavaScript 来获取表单内父容器没有被 `display=none` 隐藏的 `input`、`select`、`radio` 等的表单 `name` 属性值。
以下是一个示例代码:
```javascript
// 获取表单元素
var form = document.getElementById('myForm');
// 获取表单内所有元素
var elements = form.elements;
// 声明一个空数组来存储表单元素的name属性
var names = [];
// 遍历表单内所有元素
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
// 检查元素是否被隐藏
if (element.offsetParent !== null) {
// 检查元素是否为input、select或radio
if (element.tagName === 'INPUT' || element.tagName === 'SELECT' || element.tagName === 'RADIO') {
// 将元素的name属性值添加到数组中
names.push(element.name);
}
}
}
// 输出数组
console.log(names);
```
在上面的代码中,我们首先获取表单元素,并遍历所有表单内的元素。对于每个元素,我们检查它是否被隐藏,如果没有被隐藏,我们检查它是否为 `input`、`select` 或 `radio` 元素,并将其 `name` 属性值添加到一个数组中。最后,我们输出这个数组。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)