获取输入复选框值 Javascript

在Javascript中，获取用户输入的复选框值可以通过以下方式实现。

HTML

首先，我们需要在HTML文件中创建一个复选框并指定一个值。我们可以使用以下代码：

<label>
  <input type="checkbox" name="fruit" value="apple"> Apple
</label>

在此示例中，我们创建了一个复选框并将其名称设置为“fruit”，值设置为“apple”。

Javascript

接下来，我们需要使用Javascript代码获取复选框的值。我们可以使用以下代码：

var checkbox = document.getElementsByName('fruit')[0];
var value = checkbox.checked ? checkbox.value : '';
console.log(value);

在此示例中，我们使用“getElementsByName”方法获取所有名称为“fruit”的元素数组，并选择第一个元素（因为我们只有一个复选框）。然后，我们检查是否选中了该复选框，并将值存储在“value”变量中。

如果您拥有多个复选框，则可以使用一个循环来获取每个复选框的值，并将其存储在一个数组中。

var checkboxes = document.getElementsByName('fruit');
var values = [];
for (var i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].checked) {
    values.push(checkboxes[i].value);
  }
}
console.log(values);

在此示例中，我们使用“getElementsByName”方法获取所有名称为“fruit”的元素数组，并使用循环遍历每个元素。然后，我们检查每个复选框是否选中，并将其值存储在“values”数组中。

结论

使用以上代码片段，可以方便地获取用户在复选框中输入的值。如果您的应用程序需要处理用户对其他表单元素的输入，请参考相关文档了解更多信息。