单选框
使用type为"radio"的input元素就是单选框,name
属性相同的单选框被归为一组,才可以同时只能选中一个。
<input type="radio" name="animal" id="">小狗
<input type="radio" name="animal" id="">小猫
<input type="radio" name="animal" id="">小猪
获取被选中的元素
document.querySelector("input[name='animal']:checked")
多选框
type为"checkbox"的input元素是复选框,获取复选框被选中的元素同上,只不过可以获取多个元素。