Bootstrap

复选按钮,但只能选中一个

需求:页面中需要将单选按钮变为复选按钮的样式,但功能上还是只能选中一个。

实现:

const listItems = document.querySelectorAll('input[type="checkbox"]');
listItems.forEach((checkbox) => {
  checkbox.addEventListener("click", function () {
    if(this.checked) {
       listItems.forEach((cb) => {
         if(cb !== this) {
            cb.checked = false;
         }
       });
    }
  });
});

;