checkbox美化;给div加上checked属性
DIV的背景图修改
$("#isOpenmibao").css("backgroundImage", " url('../images/checkbox_02.png')")
一个是勾选的状态,一个是未勾选的状态, 但是这个不是用 checkbox 来制作的,而是用 DIV配合背景图来制作的
那么我们 提交数据的时候,怎么判断 是勾选还是没勾选呢? 我们给div加上一个 checked属性
<div onclick="myCheckbox('IsOnlyTeacher',this);" id="IsOnlyTeacher" class="checkbox" style="background-image: url("../images/checkbox_02.png");"> </div>
我们来看看这个 myCheckbox 方法 注意里面有一个 o.checked 这就是人为的给div层 加了一个 checked属性
//设置单选框处理
function myCheckbox(obj, thisobj) {
var o = document.getElementById(obj); //解决复选框需要连续点击两次才生效的bug by yxx,此处做特殊处理
if (thisobj.style.backgroundImage == 'url("../images/checkbox_02.png")') {
thisobj.style.backgroundImage = "url(../images/checkbox_01.png)";
o.checked = false;
}
else {
if (o.checked) {
thisobj.style.backgroundImage = "url(../images/checkbox_01.png)";
o.checked = false;
}
else {
thisobj.style.backgroundImage = "url(../images/checkbox_02.png)";
o.checked = true;
}
}
}
假如我们点击了任何一个的div,就会触发上面的函数,那么对应的div就会增加checked属性. 下面就是在我们的提交的方法里面 直接对DIV判断有没有checked 即可
var isonlyteacher = $("#IsOnlyTeacher").attr("checked");
如果我们不是对div点击 ,还是直接显示后提交,这里就需要我们先人为的给div加一个checked属性了 ,这个自己搞一下即可
checkbox美化;给div加上checked属性的更多相关文章
- jQuery实现复选框的全选、反选、并且根据复选框的<checked属性>控制多个对应div的显示/隐藏
<!doctype html><html> <head> <meta charset="utf-8"> <title>j ...
- jQuery通过判断 checkbox 元素的 checked 属性,判断 checkbox是否被选中
jQuery设置复选框的属性<input type="checkbox"/> $("input").attr("checked" ...
- jquery与checkbox的checked属性的问题
1.页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2.checkbox里的onchange或onclick方 ...
- 为静态Checkbox动态地添加checked属性
1.ASP.NET HTML Code: 嵌套在repeater中 " ? "checked" : "" %> /> *** 关键代码: ...
- Input类型是checkbox时checked属性获取
记录一下checkbox 的 checked 属性的获取办法,以备忘记: 假如你的一个HTML页中有这么一段代码: <input name="chbRem" id=" ...
- 点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件, jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态
给tr添加点击事件,使用find方法查找tr下的所有层级的元素,children只查找下一层级的元素,所以使用find.find的返回值为jquery对象,在这个项目中不知道为什么使用jquery给c ...
- 为何给CheckBox设置了checked属性还是没有勾选,行内样式都显示了checked
为何给CheckBox设置了checked属性还是没有勾选,行内样式都显示了checked 正常情况下我们设置给CheckBox一个checked属性后一般都会选中 然而我今天在做案例的时候却遇到了类 ...
- div+css的属性
div+css的属性 gCascading Style Sheet 层叠式样式表 ==> 层叠样式表 Internal Style Sheet 内部样式表 External Style Shee ...
- 原生html、js手写 radio与checkbox 美化
原生html.js手写 radio与checkbox 美化 html <!DOCTYPE html> <html> <head> <meta charse ...
随机推荐
- Android activity属性
android:allowTaskReparenting 是否允许activity更换从属的任务,比如从短信息任务 切换到浏览器任务. android:alwaysRetainTaskState 是否 ...
- node-debug 三法三例之node debugger + node inspector
大家对nodejs调试应该都比较头疼,至少我这个不用IDE写js的人很头疼这个,其实node的生态圈非常好 有非常好的工具和非常潮的开发方式 这里总结了3法3例,希望能对大家有所帮助 文档地址 ht ...
- C#DataGrdviewl加入checkBox全选删除
#region 加入checkBox /// <summary> /// 加入checkBox /// </summary> /// <param name=" ...
- UBUNTU 14.04 + CUDA 7.5 + CAFFE
这个也是困扰我很久的问题,之前用 http://www.cnblogs.com/platero/p/3993877.html 的安装方法,装了五六七八九十次,总是出问题. 后来找到了一种新的方法,一个 ...
- scp在Linux主机之间复制不用输入密码
把你的本地主机用户的ssh公匙文件复制到远程主机用户的~/.ssh/authorized_keys文件中,假设本地主机linux(10.1.1.1),远程主机linux(10.1.1.2) 一,在li ...
- SWD接口:探索&泄密&延伸
http://bbs.21ic.com/icview-871133-1-1.html 文买了个JLINKV9,以为神器,拿到手发现根本不是,完全没必要替换V8,想自己做个另类的调试器,当然想只是想而已 ...
- 【web性能】js应该放在html页面的什么位置
所有浏览器在下载JS的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等.至到JS下载.解析.执行完毕后才开始继续并行下载其他资源并呈现内容. 外部JS的阻塞下载 所有浏览器在下载JS的 ...
- Cornerstone问题
// Cornerstone锁 Cornerstone locks a working copy whenever it performs operations suchs as commits, u ...
- git使用(一)
github因为众所周知的一些问题,不方便选为远程仓库,在此,我们选用oschina的远程仓库,首先去http://git.oschina.net/申请一个账号. 第一步,安装git(下载电脑系统对应 ...
- 操刀 requirejs,自己动手写一个
前沿 写在文章的最前面 这篇文章讲的是,我怎么去写一个 requirejs . 去 github 上fork一下,顺便star~ requirejs,众所周知,是一个非常出名的js模块化工具,可以让你 ...