以下是一个使用JavaScript的代码示例,用于遍历以逗号分隔的文本框布尔数组,并根据文本框的值将复选框标记为true:
HTML代码:
JavaScript代码:
function markCheckboxes() {
var checkboxValues = document.getElementById("checkboxValues").value.split(",");
var checkboxes = document.querySelectorAll("input[type='checkbox']");
for (var i = 0; i < checkboxValues.length; i++) {
if (checkboxValues[i] === "true") {
checkboxes[i].checked = true;
} else {
checkboxes[i].checked = false;
}
}
}
在上述示例中,我们首先通过getElementById
方法获取文本框的值,并使用split
方法将其分割为一个布尔数组。然后,我们使用querySelectorAll
方法获取所有类型为复选框的元素,并使用for
循环遍历布尔数组。根据布尔值,我们将复选框的checked
属性设置为true或false来标记复选框。最后,我们在按钮的onclick
事件中调用markCheckboxes
函数来触发标记复选框的过程。