js原⽣实现单选框和多选框这⾥我们已选中性别和班级为例
<label>
<input name="sex"type="radio"value="男">男
<input name="sex"type="radio"value="⼥">⼥
</label>
<label>
<span>班级：</span>
<select name="grade">
<option value="">请选择班级</option>
<option value="C001">C001</option>
<option value="C002">C002</option>
<option value="C003">C003</option>
原生js和js的区别</select>
</label>
//选择器选中 :checked记得要空格
let sexName = document.querySelector('input[name="sex"] :checked');
//选择器选中注意这⾥使⽤select
let className = document.querySelector('.top :nth-child(2) select');
//当其改变选中的值时，value也会随着改变
console.log(sexName.value);
console.log(className.value);

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。