Java全栈学习---JavaScript:复选框的全选和取消
发布日期:2021-04-30 21:10:54 浏览次数:92 分类:精选文章

本文共 1882 字,大约阅读时间需要 6 分钟。

???????????????????

????????????????????????????????????????????????????????????????????????????????????????????????

????????

  • ????????????????? DOM ??
  • ?????????fruit checkbox?? DOM ????
  • ????????????????????????
  • ?????????????????????????????
  • ???????????????????????
  • ??????

    window.onload = function() {
    var check = document.getElementById("checkBox");
    var fru = document.getElementsByName("fruits");
    // ???????????
    check.onclick = function() {
    for (var i in fru) {
    fru[i].checked = check.checked;
    }
    };
    // ???????????
    for (var j = 0; j < fru.length; j++) {
    fru[j].onclick = function() {
    var fruitsCount = 0;
    for (var j = 0; j < fru.length; j++) {
    if (fru[j].checked === true) {
    fruitsCount++;
    }
    }
    check.checked = (fru.length === fruitsCount);
    };
    }
    }

    ????

  • ?????????
  • ????????????????????
  • ?????????????????????????
  • ?????????
  • ??????????????
  • ????

  • ???????
  • ??????
  • ??????
  • ??????
  • ??????????????
  • ??????

    // ????????
    var check = document.getElementById("checkBox");
    // ????fruit checkbox????
    var fru = document.getElementsByName("fruits");
    // ??????????
    check.onclick = function() {
    // ???fruit checkbox?checked??????????checked??
    for (var i in fru) {
    fru[i].checked = check.checked;
    }
    };
    // ????fruit checkbox?????
    for (var j = 0; j < fru.length; j++) {
    fru[j].onclick = function() {
    // ???????fruit checkbox??
    var fruitsCount = 0;
    for (var j = 0; j < fru.length; j++) {
    if (fru[j].checked === true) {
    fruitsCount++;
    }
    }
    // ????fruit checkbox?????????????????
    check.checked = (fru.length === fruitsCount);
    };
    }

    ????????????

  • ??????????????
  • ??????????????
  • ?????????????
  • ??????????????
  • ?????????????
  • 上一篇:【软件测试】你想象的软件测试真的那么简单吗
    下一篇:Nginx的网页优化(版本号,缓存,进程连接数,日志分隔)及防盗链

    发表评论

    最新留言

    哈哈,博客排版真的漂亮呢~
    [***.90.31.176]2026年06月10日 04时15分24秒