javascript实现checkBox单选

710 ℃

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

你的网站为什么做百度竞价推广还是没有客户?
帝国CMS如何关闭栏目在用户中心显示
vue项目中axios如何解决跨域cookie丢失问题
帝国cms功能之网站系统批量赠送点数
织梦cms自动审核文档和自动生成插件