javascript实现checkBox单选

848 ℃

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,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
vue+百度echarts做一个饼图
vue如何利用computed实现全选功能
如何使用git stash在git中保存当前的工作状态?
公考沉思录:全网最全面的公务员考试知识库的项目
el-time-select赋值失败解决方法(从接口获取值赋值不上去)