HTML 5 & checkbox & switch components
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="author" content="xgqfrms">
<meta name="generator" content="VS code">
<title>checkbox & swicth components</title>
</head>
<body>
<section>
<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle" value="Car"checked> I have a car<br>
</section>
<script>
let cbs = [...document.querySelectorAll(`input[type="checkbox"]`)];
console.log(`cbs =`, cbs);
let v1 = cbs[0].checked;
console.log(`v1 =`, v1, cbs[0].value);
let v2 = cbs[1].checked;
console.log(`v2 =`, v2, cbs[1].value);
</script>
</body>
</html>
https://www.iviewui.com/components/switch