JS判断单选框是否被选中事件

最新推荐文章于 2025-10-01 11:01:19 发布

原创最新推荐文章于 2025-10-01 11:01:19 发布 · 1.5w 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#单选框 #单选框选中状态

JS-逻辑专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的HTML表单，包含一个单选按钮及两个按钮用于选中和取消选中该单选按钮。通过JavaScript实现选中状态的切换，并在控制台输出当前状态。

  <form>
	<input type="radio" id="radio1" />
	<input type="button" onclick="check()" value="选中" />
	<input type="button" onclick="uncheck()" value="取消" />
  </form>

function check() {
  //被选中
  document.getElementById("radio1").checked = true
  //被选中时，可以执行的方法
  if(document.getElementById("radio1").checked == true){
    console.log('==')
  }
}

function uncheck() {
  //不选中
  document.getElementById("radio1").checked = false
  //不被选中时，可以执行的方法
  if(document.getElementById("radio1").checked == false){
    console.log('++')
  } 
}