如何根据HTML复选框状态设置boolean类型的isPublic参数值？

根据你使用的技术栈，有几种常用实现方式：

原生JavaScript #

直接给复选框添加change事件监听，通过复选框的checked属性更新isPublic：

// 初始化变量
let isPublic = false;

// 获取复选框DOM元素
const publicCheckbox = document.querySelector('input[name="newGalleryIsPublic"]');

// 监听复选框状态变化
publicCheckbox.addEventListener('change', function() {
  isPublic = this.checked;
  // 可选：打印验证状态
  console.log('当前isPublic值:', isPublic);
});

Vue（2/3通用） #

利用Vue的双向绑定v-model，直接将复选框与isPublic变量绑定，状态会自动同步，无需手动写事件监听：

<input type="checkbox" name="newGalleryIsPublic" v-model="isPublic">Publique

// 在Vue组件中定义变量
export default {
  data() {
    return {
      isPublic: false
    };
  }
}

React #

使用useState钩子管理状态，通过onChange事件更新isPublic的值：

import { useState } from 'react';

function GalleryForm() {
  const [isPublic, setIsPublic] = useState(false);

  const handleCheckboxChange = (e) => {
    setIsPublic(e.target.checked);
  };

  return (
    <label>
      <input 
        type="checkbox" 
        name="newGalleryIsPublic" 
        checked={isPublic}
        onChange={handleCheckboxChange}
      />
      Publique
    </label>
  );
}

内容的提问来源于stack exchange，提问作者Felix_Gagne