取出表单内全部单选框的那么属性
时间: 2023-10-07 10:12:15 浏览: 52
可以通过以下代码取出表单内全部单选框的 `name` 属性:
```javascript
var radioButtons = document.querySelectorAll('input[type="radio"]');
var names = [];
for(var i=0; i<radioButtons.length; i++) {
names.push(radioButtons[i].name);
}
console.log(names);
```
这段代码会首先选取所有 `type="radio"` 的 input 元素,然后循环遍历它们,将它们的 `name` 属性存储到一个数组中,并打印输出。
相关问题
取出表单内全部单选框的name属性,然后判断其元素是否被隐藏
可以通过以下代码实现:
```javascript
// 获取所有单选框元素
const radioButtons = document.querySelectorAll('input[type="radio"]');
// 遍历所有单选框元素,并获取其name属性和是否隐藏的状态
radioButtons.forEach(button => {
const name = button.getAttribute('name');
const isHidden = button.offsetParent === null;
// 打印结果
console.log(`Name: ${name}, Hidden: ${isHidden}`);
});
```
其中,`offsetParent` 属性返回元素的最近的定位祖先元素,如果没有定位祖先元素,则 `offsetParent` 为 `null`。因此,如果单选框元素被隐藏,那么其 `offsetParent` 属性为 `null`,可以通过该属性来判断元素是否被隐藏。