<label for="baibai">篮球</label>

<input type="checkbox" name="gender" id="baibai">篮球

说简单点，就是name和你的选项最好有关联 比如你写的篮球 name最好是有关的 比如sports 你可以理解为一种规范 当然 你name 乱写 也没人拦你

for="文本”和 id="文本" 这两个文本要一样 才能触发当你点到选项 篮球 附近区域时，你只要点击鼠标就可以选篮球。

你可以和

篮球

<input type="checkbox" name="gender">篮球

这个做做对比

id和前面的for是一样的，name可以谁便写，只要是name是一个系列

看你之前的CSS样式设置的是什么  id不是类  如果前面css的样式是.male就是id  如果是#male就是class=male