js checkbox input 多选框 被选中的样式怎么回显

在JavaScript中，如果你想让一个多选框（checkbox input）在被选中时显示特定的样式，你可以结合CSS和JavaScript来实现。下面是一个基本的例子：

首先，为选中的复选框添加一个CSS类，例如`.selected`，并定义这个类的样式：

.selected {
    background-color: lightblue; /* 指定当选中的样式，如背景颜色 */
    border: 1px solid blue;
    cursor: pointer;
}

然后，在JavaScript中监听复选框的`change`事件，检查哪些复选框已被选中，并应用或移除`.selected`类：

// 获取所有的复选框
var checkboxes = document.querySelectorAll('input[type="checkbox"]');

// 遍历每个复选框
checkboxes.forEach(function(checkbox) {
    // 当复选框被点击
    checkbox.addEventListener('click', function() {
        // 如果被选中
        if (this.checked) {
            // 给复选框添加selected样式
            this.classList.add('selected');
        } else {
            // 移除selected样式
            this.classList.remove('selected');
        }
    });
});

这样，每当用户点击一个复选框使其选中时，它就会立即获得指定的样式；取消选中则会移除这个样式。