前端知识笔记(十三)———单全选框控制方法,炒鸡无敌方便!!!

简介: 前端知识笔记(十三)———单全选框控制方法,炒鸡无敌方便!!!
// 全选
function “全选点击事件”() {
    let quan = document.getElementById("全选名");
    let ge = document.getElementsByClassName("单选名")
    for (let i = 0; i < ge.length; i++) {
        if (quan.checked == false) {
            ge[i].checked = false;
        } else {
            ge[i].checked = true;
        }
    }
}
// 单选
function “单选点击事件”() {
    let quan = document.getElementById("全选名");
    let ge = document.getElementsByClassName("单选名")
    for (let i = 0; i < ge.length; i++) {
        if (ge[i].checked == false) {
            quan.checked = false;
            return;
        } else {
            quan.checked = true;
        }
    }
}
相关文章
|
1月前
|
前端开发
前端接受后端文件流并下载到本地的方法
前端接受后端文件流并下载到本地的方法
60 0
|
3月前
|
人工智能 前端开发 测试技术
AI:探究下前端组件化设计的实现方法及其重要性(一)
AI:探究下前端组件化设计的实现方法及其重要性
|
3月前
|
前端开发 Java
java前端:删除数组中指定元素的方法
java前端:删除数组中指定元素的方法
|
4月前
|
XML JSON 前端开发
前端深浅拷贝各有哪些方法,优缺点
前端深浅拷贝各有哪些方法,优缺点
37 0
|
4月前
|
前端开发 JavaScript
前端知识(十)———JavaScript 使用URL跳转传递数组对象数据类型的方法
前端知识(十)———JavaScript 使用URL跳转传递数组对象数据类型的方法
52 0
|
3月前
|
人工智能 缓存 前端开发
AI:探究下前端组件化设计的实现方法及其重要性(二)
AI:探究下前端组件化设计的实现方法及其重要性
|
3月前
|
前端开发 JavaScript API
微前端:一种新型的前端架构方法
微前端:一种新型的前端架构方法
97 0
|
3月前
|
前端开发 JavaScript API
[前端面试题]:数组去重的几种方法
[前端面试题]:数组去重的几种方法
|
2月前
|
前端开发 JavaScript API
|
2月前
|
前端开发 JavaScript 小程序
前端图片转base64 方法
前端图片转base64 方法
39 0