问题2(5分),表单中获取选中元素或者输入元素值的语法,假设事件对象为e?
时间: 2024-09-20 07:09:24 浏览: 78
在JavaScript中,如果你想从表单中获取选中的元素或输入字段的值,可以使用事件对象`e`的相关属性和方法。这里有几个例子:
1. **获取选中元素(如复选框或单选按钮)**:
```javascript
if (e.target.type === 'checkbox') {
var isChecked = e.target.checked; // true or false
console.log(isChecked); // 输出选中的状态
}
```
2. **获取单选按钮组中的已选择项(如果只有一个选项会被选中)**:
```javascript
var radioButton = document.querySelector('input[name="radioGroup"]:checked');
if (radioButton) {
var radioButtonValue = radioButton.value;
console.log(radioButtonValue);
}
```
3. **获取文本框或下拉列表(select)的输入值**:
```javascript
var inputField = e.target; // 或者直接写成 e.srcElement
var fieldValue = inputField.value;
console.log(fieldValue);
```
4. **处理表单提交事件并获取所有表单数据(例如,`<form>`标签)**:
```javascript
e.preventDefault(); // 阻止默认提交行为
var formData = new FormData(e.target);
for (var pair of formData.entries()) {
console.log(pair[0], pair[1]);
}
```
记住,这里的`e`通常是在表单元素触发某个事件(如点击、改变等)时作为参数传递给事件处理函数的。