checkbox attr 和 prop ,onclick 事件,
给checkbox 添加默认的勾选,尽量使用 checked=“checked”,不要使用checked=“true”。
<td><input id="checkboxid" type="checkbox" value="valuename" checked="checked"></input></td>
获取所有选中的勾选框:var liston=$('input[checked="checked"]');
设置勾选框不可编辑:$('#'+checkboxid).attr("disabled",true),执行后节点代码会变为:
<td><input id="checkboxid" type="checkbox" value="valuename" checked="checked" disabled="disabled"></input></td>
设置勾选框可编辑:$('#'+checkboxid).attr("disabled",false),执行后节点代码会变为:
<td><input id="checkboxid" type="checkbox" value="valuename" checked="checked" ></input></td>
onclick=“fun(data)”
function fun(data){
$(data);//为被点击对象;
}
勾选框在被勾选后,其节点代码没有任何变化,要修改代码需要在勾选后修改其属性:
$(data).attr("checked",true),代码会添加checked= "checked" 属性,勾选框状态不变,等同于原生js: data.setAttribute("checked","checked");
$(data).attr("checked",false),代码会删除checked="checked"属性,勾选框状态不变,使用$(data).removeAttr("checked")也可以得到同样的效果,等同于原生js: data.removeAttribute("checked");
$(data).prop("checked",true),代码不变,勾选框会勾上;
$(data).prop("checked",false),代码不变,勾选框会取消;
checkbox attr 和 prop ,onclick 事件,的更多相关文章
- Jquery 获取Checkbox值,prop 和 attr 函数区别
		
总结: 版本 1.6 1.6 1.4 1.4 函数 勾选 取消勾选 勾选 取消勾选 attr('checked') checked undefined true false .prop('checke ...
 - jquery中dom元素的attr和prop方法的理解
		
一.背景 在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候,经常不知道dom元素的attr和prop方法到底有什么区别?各自有什么应 ...
 - Jquery 移除 html中绑定的onClick事件
		
HTML绑定示例: <button class="edit" onClick="showTurnEdit(this)">编辑</button& ...
 - input是否checked与使用jquery的attr或prop方法无关
		
最近在项目中有这样一个需求,用户在下单时可以选择优惠券,也可取消选择,并且可以多次选择,取消. 这是一个典型的input标签checked功能,博主使用radio元素实现此需求,但是优惠券只能选中,不 ...
 - jquery中attr与prop的区别
		
先从一个老生常谈的问题说起,使用jquery实现全选全不选.楼主先使用的jquery版本是 jquery-1.11.1.min.js 全选<input type="checkbox&q ...
 - 使用jquery移除前面通过onclick绑定的元素的事件,然后重新绑定别的函数来执行onclick事件。
		
http://caibaojian.com/css3/experience/bugs.htm 使用jquery移除前面通过onclick绑定的元素的事件,然后重新绑定别的函数来执行onclick事件. ...
 - JQuery之Attr()与Prop()方法
		
一.Prop()的由来 JQuery 1.6开始 新增方法prop() prop()解决:表单元素中checked,selected,disabled等属性在方法attr()中可能会出现的不一致问题( ...
 - tips:Jquery的attr和prop的区别
		
Jquery的attr和prop的区别 描述:想做一个复选框checkbox全选的功能,当勾选全选后,将子项的复选框状态设置成一致的, 但遇到了一个问题,就是attr函数并不能改变子项的checkbo ...
 - 关于jquery中attr和prop的用法
		
在项目开发中,遇到过这个情况,做一个全选的功能,通过点击一个checkbox实现下面的checkbox全选,用attr设置的checked属性,只可以生效一次,再次点击就不起作用了,但确实触发了事件, ...
 
随机推荐
- CBCentralManagerDelegate Protocol 委托协议相关分析
			
总体概述 CBCentralManagerDelegate 协议中定义了一系列方法列表,这些方法是委托对象必须要实现的方法(也有可选择的),当中央管理器的相应变化就会调用委托对象中实现的相应方法. M ...
 - 201671010140. 2016-2017-2 《Java程序设计》java学习第十四周
			
java学习第十四周 本周,主要精力放在了第十二章swing用户界面组件知识的学习,swing是一个用于开发Java应用程序用户界面的开发工具包.它以抽象窗口工具包(AWT)为基础使跨 ...
 - MAC命令大全
			
OSX 的文件系统 OSX 采用的Unix文件系统,所有文件都挂在跟目录 / 下面,所以不在要有Windows 下的盘符概念. 你在桌面上看到的硬盘都挂在 /Volumes 下. 比如接上个叫做 ...
 - cocos2d-js反射
			
如何在android平台上使用js直接调用Java方法 在cocos2d-js 3.0beta中加入了一个新特性,在android平台上我们可以通过反射直接在js中调用java的静态方法.它的使用方法 ...
 - Java读取Unicode文件(UTF-8等)时碰到的BOM首字符问题
			
在Windows下用文本编辑器创建的文本文件,如果选择以UTF-8等Unicode格式保存,会在文件头(第一个字符)加入一个BOM标识. 这个标识在Java读取文件的时候,不会被去掉,而且Stri ...
 - 一款比较好用的JS时间控件-laydate
			
官方讲解:http://laydate.layui.com/ 具体的内容请看官方讲解,此处仅说名应用: 1.在jsp或html或其他中引入laydate.js <script src=&qu ...
 - Python下Pip的安装【get-pip】
			
1.下载 下载https://bootstrap.pypa.io/get-pip.py 如果不能下载,可下载:http://files.cnblogs.com/files/zhangzhiming/g ...
 - 添加字段modify
			
ALTER TABLE tc_activity_turntable ADD `foot_pic` VARCHAR () NOT NULL DEFAULT '' COMMENT '底部图片';
 - python学习之内部执行流程,内部执行流程,编码(一)
			
python的执行流程: 加载内存--->词法分析--->语法分析--->编译--->转换字节码---->转换成机器码---->供给CPU调度 python的编码: ...
 - 样条曲线catmull rom转bezier
			
b0,..,b3是贝塞尔,c-1, c2是catmull rom控制点 [b0] = 1 [ 0 6 0 0] [c_1] [b1] - [-1 6 1 0] [c0] [b2] 6 [ 0 1 6 ...