获取表单内父容器的class没有被display=none隐藏的input,select,radio等的表单name属性值
时间: 2023-11-27 09:55:20 浏览: 76
可以使用如下代码来获取表单内父容器的class没有被display=none隐藏的input、select、radio等表单元素的name属性值:
```javascript
var form = document.querySelector("form"); // 获取表单元素
var elements = form.querySelectorAll("input:not([type='hidden']), select, textarea"); // 获取表单中所有input、select、textarea元素
var visibleElements = [];
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
var style = window.getComputedStyle(element);
if (style.display !== "none") { // 判断元素是否被隐藏
visibleElements.push(element); // 将未被隐藏的元素加入数组中
}
}
var names = visibleElements.map(function (element) { return element.name; }); // 获取每个可见元素的name属性值
console.log(names);
```
其中,`querySelectorAll`方法用于获取表单中所有input、select、textarea元素,可以根据实际情况修改选择器;`getComputedStyle`方法用于获取元素的计算样式,判断元素是否被隐藏;最后使用`map`方法获取每个可见元素的name属性值,保存在数组中。
阅读全文