新闻api Linxu磁盘 Java开发手册 Spring Cloud Nginx 阿里云 matplotlib ssh sqlalchemy architecture vue教程入门 nginx视频教程 录音棚设备一套多少钱 基于bootstrap的框架 edate函数的使用方法 oracle时间格式化 mysql删除存储过程 range函数python python的str python图形化编程 python变量定义 java新特性 java基本语法 java8函数式接口 java数组添加 java获取当前线程 java创建文件 java电子书下载 props 思源字体 ps出血 cdr怎么画波浪线 jq循环 linux格式化硬盘 win98序列号 ocr文字识别软件免费下载 omg小北 系统激活 冬青黑体简体中文 马哥python
当前位置: 首页 > 学习教程  > 编程语言

全选与全不选

2021/1/13 19:41:49 文章标签: 测试文章如有侵权请发送至邮箱809451989@qq.com投诉后文章立即删除

复选框最基本样式 <input type"checkbox" class"checkall"><label for"">全选</label><div><input type"checkbox" checked class"j-checkbox"></div><div><input type"…

复选框最基本样式

<input type="checkbox" class="checkall">
    <label for="">全选</label>

    <div>
        <input type="checkbox" checked class="j-checkbox">
    </div>
    <div>
        <input type="checkbox" class="j-checkbox">
    </div>
    <div>
        <input type="checkbox" class="j-checkbox">
    </div>
    <div>
        <input type="checkbox" class="j-checkbox">
    </div>
    <div>
        <input type="checkbox" class="j-checkbox">
    </div>
    <div>
        <input type="checkbox" class="j-checkbox">
    </div>
    <div>
        <input type="checkbox" class="j-checkbox">
    </div>

    <input type="checkbox" class="checkall">
    <label for="">全选</label>

jQuery 方法的全选与全不选

 /* 
            思路:
                里面的复选框按钮(j-checkbox) 选中状态 (checked) 跟着全选按钮 (checkeall) 走
                因为 checked 是复选框的固有属性  此时需要利用pror()方法获取和设置该属性
                把全选按钮状态赋值给复选框就可以了
        */
        $(function(){//入口函数
            $(".checkall").change(function(){//获取全选框 使用change改变 状态
                //获取复选框利用 prop()设置  input的固有状态(checked)
                $(".j-checkbox, .checkall").prop("checked",$(this).prop("checked"))
            })
        })

本文链接: http://www.dtmao.cc/news_show_600156.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?