在CSS中,按钮是一个常见的元素。通常情况下,按钮是一个单选元素,即每次只能选中一个按钮。但是,有时候我们的需求是要能够多选按钮。那么,按钮怎样可以多选呢?首先,我们需要在HTML中设置多个按钮。这些
<input type="checkbox" id="btn1" name="btn"> <label for="btn1">按钮1</label> <input type="checkbox" id="btn2" name="btn"> <label for="btn2">按钮2</label> <input type="checkbox" id="btn3" name="btn"> <label for="btn3">按钮3</label>
input[type="checkbox"] { border: 2px solid #333; padding: 10px; margin: 5px; } input[type="checkbox"]:checked+label { background-color: #333; color: #fff; }
var checkboxes = document.getElementsByName("btn"); var checked = []; for (var i = 0; i < checkboxes.length; i++) { if (checkboxes[i].checked) { checked.push(checkboxes[i].id); } } console.log(checked);
粉丝
0
关注
0
收藏
0