checkbox选中事件 | 易学教程

前端之jquery

阅读更多关于前端之jquery

目录 jquery引入标签查找层级选择器：（同css）基础选择器属性选择器表单筛选器链式表达式操作标签样式操作 css操作位置操作尺寸文本操作值操作属性操作文档操作事件移除事件(不常用) 事件委托页面载入 jquery的each bootstrap 栅格系统列偏移col-md-offset-x 列嵌套 jquery引入下载链接：jQuery官网 https://jquery.com/ 中文文档：jQuery AP中文文档 <script src="jquery.js"></script> <script> </script> //第二种方式,网络地址引入  下载 jquey方法找到的标签对象称为jquery对象原生js找到的标签对象称之为DOM对象 dom对象只能调用dom对象的方法,jquery对象只能用jquery方法,不能互通 jquery对象和dom对象互相转换 /jQuery对象转成DOM对象，通过一个jQuery对象+[0]索引零，就变成了DOM对象，就可以使用JS的代码方法了，DOM对象转换成jQuery对象：$(DOM对象)，通过$符号包裹一下就可以了 jquery对象

前端 JQuery

阅读更多关于前端 JQuery

JQuery目录 1.JQuery介绍 2.JQuery内容　　2.1 JQuery基础语法规则　　2.2 查找标签　　2.3 筛选器方法　　2.4 查找　　2.5 筛选　　2.6 操作标签　　2.7 事件　　2.8 动画效果 1.JQuery介绍　　jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象，那么它就可以使用jQuery里的方法。例如： $(“#i1”).html()。 $("#i1").html()的意思是：获取id值为 i1的元素的html代码。其中 html()是jQuery里的方法。相当于： document.getElementById("i1").innerHTML; 虽然 jQuery对象是包装 DOM对象后产生的，但是 jQuery对象无法使用 DOM对象的任何方法，同理 DOM对象也没不能使用 jQuery里的方法。约定：我们在声明一个jQuery对象变量的时候在变量名前面加上$：声明对象：　　var $variable = jQuery对像　　var variable = DOM对象　　$variable[0]//jQuery对象转成DOM对象拿上面那个例子举例，jQuery对象和DOM对象的使用：　　$("#i1").html()

CheckBox全选终极方案

阅读更多关于 CheckBox全选终极方案

在我们的程序开发中经常会要用到CheckBox的全选，通常情况下是在一些数据绑定控件中如Gridview等下面以Repeater为例，在Repeater的header 和item中放入CheckBox控件。 <asp:Repeater ID="rptGroup" runat="server"> <HeaderTemplate> <table width="100%" cellspacing="1" > <tr> <td width="3%" align="center" > <input type="checkbox" id="chkAll" name="chkAll" value="checkbox" onclick="checkAll ('chkAll',this);" /> </td> </tr> </HeaderTemplate> <ItemTemplate> <tr> <td align="center" > <input type="checkbox" name="chkSelect" value='<%# Eval("ID") %>' onclick="checkAll('chkAll',this);"/> </td> </tr> </ItemTemplate> <FooterTemplate> </table> </FooterTemplate> </asp

CheckBox全选终极方案

阅读更多关于 CheckBox全选终极方案

CheckBox全选终极方案在我们的程序开发中经常会要用到CheckBox的全选，通常情况下是在一些数据绑定控件中如Gridview等下面以Repeater为例，在Repeater的header 和item中放入CheckBox控件。 <asp:Repeater ID="rptGroup" runat="server"> <HeaderTemplate> <table width="100%" cellspacing="1" > <tr> <td width="3%" align="center" > <input type="checkbox" id="chkAll" name="chkAll" value="checkbox" onclick="checkAll ('chkAll',this);" /> </td> </tr> </HeaderTemplate> <ItemTemplate> <tr> <td align="center" > <input type="checkbox" name="chkSelect" value='<%# Eval("ID") %>' onclick="checkAll('chkAll',this);"/> </td> </tr> </ItemTemplate> <FooterTemplate> </table> <

CheckBox全选终极方案

阅读更多关于 CheckBox全选终极方案

全选和反选案例

阅读更多关于全选和反选案例

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collapse; border-spacing: 0; border: 1px solid #c0c0c0; width: 300px; } th, td { border: 1px solid #d0d0d0; color: #404060; padding: 10px; } th { background-color: #09c; font: bold 16px "微软雅黑"; color: #fff; } td { font: 14px "微软雅黑"; } tbody tr { background-color: #f0f0f0; } tbody tr:hover { cursor: pointer; background-color: #fafafa; } </style> </head> <body> <div class="wrap"> <table> <thead> <tr> <th> <input

树状复选框

阅读更多关于树状复选框

一、实现的具体功能　　　　二、直接上代码　　　 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>複選框</title> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <style> .layer_Name{ margin-left: 16px; } </style> </head> <body> <div class="layer_Type"> <img class="tree-img" src="./arrows.jpg" style="width: 13px;"/> <input type="checkbox" class="parent_checkbox" οnclick="checkchange(this);" /> <label for="parent">父</label> </div> <div class="layer_Name"> <div> <input type="checkbox" class="child_checkbox" οnclick="checkchange(this);" /> <label for="child">子</label> </div> <div> <input

初学JS(四)

阅读更多关于初学JS(四)

复选框的全选和全不选 1. 需求分析商品分类界面中，当我们点击全选框的时候，我们希望选中所有的商品，当我们取消掉的时候，我们希望不选中所有的商品 2. 技术分析事件 : onclick点击事件 3. 步骤分析全选和全不选步骤分析: 1.确定事件: onclick 单机事件 2.事件触发函数: checkAll() 3.函数要去做一些事情: 获得当前第一个checkbox的状态获得所有分类项的checkbox 修改每一个checkbox的状态 4. 代码实现 function checkAll ( ) { // 获得当前第一个checkbox的状态 var check1 = document . getElementById ( "check1" ) ; //得到当前checked状态 var checked = check1 . checked ; // 获得所有分类项的checkbox // var checks = document.getElementsByTagName("input"); var checks = document . getElementsByName ( "checkone" ) ; // alert(checks.length); for ( var i = 0 ; i < checks . length ; i ++ ) { //

python 之前端开发（ jQuery选择器、筛选器、样式操作、文本操作、属性操作、文档操作）

阅读更多关于 python 之前端开发（ jQuery选择器、筛选器、样式操作、文本操作、属性操作、文档操作）

11.5 jQuery 引入方式：方式一：本地引入 <script src="jquery-3.3.1.min.js"></script> <script> //注意，一定在引入jQuery之后，再使用jQuery提供的各种操作 code... </script> 方式二：直接使用CDN <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script> code... </script> 文档就绪事件： DOM文档加载的步骤 1. 解析HTML结构。 2. 加载外部脚本和样式表文件。 3. 解析并执行脚本代码。 4. DOM树构建完成。 5. 加载图片等外部文件。 6. 页面加载完毕 11.51 选择器 id选择器： $("#i1") 标签选择器： $("p") class选择器： $(".c1") 所有元素选择器： $("*") 交集选择器： $("div.c1") // 找到类为c1的div标签并集选择器： $("#i1,.c1,p") // 找到所有id="i1"的标签和class="c1"的标签和p标签层级选择器： $("x y"); // x的所有后代y（子子孙孙） $("x>y"); // x的所有儿子y（儿子） $("x+y") // 找到所有紧挨在x后面的兄弟y

单个和多个checkbox选中事件

阅读更多关于单个和多个checkbox选中事件

如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr,需要的朋友可以参考下 html: <input type= "checkbox" name= "check" id= "check" checked= "checked" value= "Daily" /> <input type= "checkbox" name= "check" checked= "checked" value= "Daily" /> 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase var aaa = $( "#check" ).prop( "checked" ); if(aaa){ alert( "选中" ); }; 2.直接调用checked属性，不过如果获取的结果是一个checkbox，则要加上.checked前加上.get(0)或者[0]才行,多个checkbox则不用。因为你用$选择出来的结果其实是个数组的形式，就算一个也是数组，你得用[]来取第几个的值。 var aaa = $( "#check" ).get(0).checked; if(aaa){ alert( "选中" ); }; 3、获取多个checkbox的值 var groupCheckbox=$( "input[name=

订阅 checkbox选中事件