javascript实现checkBox单选

692 ℃

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

网站上线初期如何做好优化准备?
如何解决网站跳出率高的问题?
wordpress插件如何实现微信分享(附代码介绍)
如何将gitee解析成自己二级域名来访问
php利用array_filter()和count()函数判断数组元素是否大于0