layui form innerhtml 获取不到值_【踩坑笔记】layui之单选和复选框不显示
时间: 2023-12-14 11:36:44 浏览: 62
这个问题可能是因为你使用了 innerHTML 来获取表单元素的值,而 innerHTML 只能获取 DOM 元素内部的 HTML 代码,而不包括 DOM 元素的属性和值。
要获取表单元素的值,可以使用 jQuery 或原生 JavaScript 的 value 属性来获取。例如,如果你想获取一个单选框的值,可以使用以下代码:
```javascript
var radioValue = $('input[name="radioName"]:checked').val();
```
或者:
```javascript
var radioValue = document.querySelector('input[name="radioName"]:checked').value;
```
其中,radioName 是你单选框的 name 属性值。
类似地,如果你想获取一个复选框的值,可以使用以下代码:
```javascript
var checkboxValues = [];
$('input[name="checkboxName"]:checked').each(function() {
checkboxValues.push($(this).val());
});
```
或者:
```javascript
var checkboxValues = [];
var checkboxes = document.querySelectorAll('input[name="checkboxName"]:checked');
for (var i = 0; i < checkboxes.length; i++) {
checkboxValues.push(checkboxes[i].value);
}
```
其中,checkboxName 是你复选框的 name 属性值。注意,复选框可以有多个选中的值,所以需要使用一个数组来存储这些值。
阅读全文