温馨提示×

checkbox选中的值怎么获取

小亿
971
2023-07-28 14:42:24
栏目: 编程语言

在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变量中。

0