js写一个当单选按钮全部选择时总按钮也选择

假设你的单选按钮的class都是"single-option"，总按钮的id是"total-option"，可以使用以下的JavaScript代码：

const singleOptions = document.querySelectorAll('.single-option');
const totalOption = document.querySelector('#total-option');

singleOptions.forEach(option => {
  option.addEventListener('change', () => {
    const allSelected = Array.from(singleOptions).every(option => option.checked);
    totalOption.checked = allSelected;
  });
});

代码解释：

1. 通过`document.querySelectorAll`选择所有的单选按钮，存储在`singleOptions`变量中；
2. 通过`document.querySelector`选择总按钮，存储在`totalOption`变量中；
3. 对于每个单选按钮，添加`change`事件监听器；
4. 在事件处理函数中，使用`Array.from`将`singleOptions`转换成数组，并使用`every`方法判断是否所有单选按钮都被选中；
5. 如果所有单选按钮都被选中，则将`totalOption`的`checked`属性设置为`true`，否则设置为`false`。