javascript实现checkBox单选

812 ℃

1、HTML代码

<form name="form">
  <input type="checkbox" name="checkboxName" onClick="javascript:chexkboxChange(0)">中国
  <br>
  <input type="checkbox" name="checkboxName" onClick="javascript:chexkboxChange(1)">美国
  <br>
  <input type="checkbox" name="checkboxName" onClick="javascript:chexkboxChange(2)">英国
  <br>
  <input type="checkbox" name="checkboxName" onClick="javascript:chexkboxChange(3)">法国
</form>

2、JS代码

function chexkboxChange(cb) {
  for (j = 0; j < 8; j++) {
    if (eval("document.form.checkboxName[" + j + "].checked") == true) {
      document.form.checkboxName[j].checked = false;
      if (j == cb) {
        document.form.checkboxName[j].checked = true;
      }
    }
  }
}

进入前端入门建站教程官网入口

Javascript有哪些方法可以实现继承

jquery实现checkbox全选功能实现方法

web前端中head中常用的标签有哪些?

js获取checkbox复选框选中的值

javascript三元运算符是什么?(常用语法介绍)

标签: checkBox, JavaScript方法, script, 单选

上面是“javascript实现checkBox单选”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2001.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

Trae:新一代免费的AI编程工具
注册的域名如何绑定服务器做解析建站?
vue项目中qs是什么(qs与JSON的区别)
不用注册会员也能为DedeCms增加邮箱订阅的方法
一款自带flash的手机浏览器
dedecms常见错误提示及解决方法