Linux 拨号vps windows公众号手机端

checkbox选中的值怎么获取

lewis 6年前 (2019-02-05) 阅读数 11 #程序编程

在HTML中,可以通过JavaScript来获取被选中的checkbox的值。

首先,给checkbox元素添加一个唯一的ID或者class,例如:

<input type="checkbox" id="checkbox1" value="value1">
<input type="checkbox" id="checkbox2" value="value2">
<input type="checkbox" id="checkbox3" value="value3">

然后,使用JavaScript来获取被选中的checkbox的值。可以通过以下代码来获取:

// 获取所有被选中的checkbox的值
var selectedValues = [];
var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
for (var i = 0; i < checkboxes.length; i++) {
selectedValues.push(checkboxes[i].value);
}
// 或者只获取第一个被选中的checkbox的值
var firstSelectedValue = document.querySelector('input[type="checkbox"]:checked').value;

以上代码将会获取到被选中的checkbox的值,并保存在selectedValues数组中,或者将第一个被选中的checkbox的值保存在firstSelectedValue变量中。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门