div有checked吗

2024-09-07

checkbox美化;给div加上checked属性

DIV的背景图修改 $("#isOpenmibao").css("backgroundImage", " url('../images/checkbox_02.png')") 一个是勾选的状态,一个是未勾选的状态, 但是这个不是用 checkbox 来制作的,而是用 DIV配合背景图来制作的那么我们提交数据的时候,怎么判断是勾选还是没勾选呢? 我们给div加上一个 checked属性 <div onclick="m

伪类checked

困惑了好久的复选框自定义样式终于有了谜底,原来就是一个 :checked 伪类他的意思就是匹配任意被勾选/选中的radio(单选按钮),chexked(复选框),或者option(select项) :checked 伪类用法: <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

React使用antd Table生成层级多选组件

一.需求用户对不同的应用需要有不同的权限,用户一般和角色关联在一起,新建角色的时候会选择该角色对应的应用,然后对应用分配权限.于是写了一种实现的方式.首先应用是一个二级树,一级表示的是应用分组,二级表示的是应用,这是table的最左边的数据.然后是按钮的数据,这里显示在table的头部. 二.效果图如下三.具体代码 1.RoleApplicationTable.js import React from 'react'; import RoleCheckbox from 'components

【ToolKit】轻量级JS库

优点: 丢弃了一些不常用的方法(jQuery.fn):slideUp.fadeIn.animate等: 新增获取子节点的方法(ToolKit.fn):firstChild,lastChild等: 新增ToolKit.Threads线程操作函数(有效解决自定义弹窗同时运行的问题): 加入JSON对象(JSON.parse和JSON.stringify); 重写ToolKit.toString方法为JSON.stringify,ToolKit.get和ToolKit.post的dataType为js

react入门（2）

接着上一次的讲,如果没有看过上一篇文章的小伙伴可以先看一下http://www.cnblogs.com/sakurayeah/p/5807821.html React事件可以先看一下官网讲解的内容http://www.css88.com/react/docs/events.html 我们先来看一下例子(以点击事件为例) 案例1: <!DOCTYPE html> <html> <head> <title>react入门</title> <m

JQ第二天

一.属性.表单过滤选择器 $("div[id]")选取有id属性的<div>//$("div [id]")有空格表示div层当中有id属性的元素 $("div[titlt=test]")选取title属性为"test"的<div>.因为jQ中没有对getElementsByName进行封装 $("div[title!=test]")选取title属性不为"test"

【杂记】JavaScript篇

35.jquery中ifram子窗体调用父窗体方法.父窗体调用子窗体方法 //调用子窗体中的方法. ].contentWindow;//获取子窗体的window对象 childWindow.subForm(); //调用父窗体中的方法 window.parent.afterAdd(); 34.省市联动遍历json数组 //地址改变事件 $("#ProvinceCode").change(function (e) { $.ajax({ type: "POST", u

sizzle源码分析（4）sizzle 技术总结及值得我们学习的地方

分析sizzle源码并不是为了去钻牛角尖,而是去了解它的思想,学习下期中一些技术的运用. 1,sizzle中的正则表达式jquery源码中充斥着各种正则表达式,能否看懂其源码的关键之一就是对正则表达式的理解.RegExp对象的exec方法:返回一个数组,第一个是匹配项,后边依次是分组匹配项,如果分组匹配不成功,则为undefined.而且还返回属性index(匹配项起始index),input(要验证的字符串)比如: var r=/^(\d{1})\s((\w?)|(\d{1}))$/.exec

JQuery基础二

1.表单过滤器 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title>

jQuery1.11源码分析(5)-----Sizzle编译和过滤阶段[原创]

在上一章中,我们说到在之前的查找阶段我们已经获得了待选集seed,那么这一章我们就来讲如何将seed待选集过滤,以获得我们最终要用的元素. 其实思路本质上还是不停地根据token过滤,但compile这个函数将这些matcher(filter生成的闭包过滤函数)给编译成一个函数(这个效率和我们直接使用过滤函数差不多,关键是在后面),再保存这一个函数,以后遇到同样的selector就可以不用再编译,直接调用就可以了. 接下来我们看看compile的代码 compile = Sizzle.compi

angular form 验证 ngMessage

<!DOCTYPE HTML> <html ng-app="deliciousApp"> <head> <meta charset="UTF-8"> </head> <style type="text/css"> .form{padding: 35px 15px ;} .form .p-input{color: #;font-size: 14px;border-bottom:

angularJS中ng-if的用法

<!DOCTYPE html> <html ng-app> <head> <meta charset="utf-8"> <title>checked</title> </head> <body> <input type="checkbox" ng-model="checked">点击试试 <div ng-if="checke

jQuery表单对象属性过滤选择器

jQuery表单对象属性过滤选择器 <div id="p1" attr="p1"> <input type="text" id="in001" value="in001"> <input type="text" id="in002" disabled="disabled" value="in002"

Vue表单控件绑定

前面的话本文将详细介绍Vue表单控件绑定基础用法可以用 v-model 指令在表单控件元素上创建双向数据绑定.它会根据控件类型自动选取正确的方法来更新元素.v-model本质上不过是语法糖,它负责监听用户的输入事件以更新数据 [注意]v-model会忽略所有表单元素的value.checked.selected特性的初始值.因为它会选择Vue实例数据来作为具体的值.应该通过 JS组件的data选项中声明初始值 [type:text] <div id="example">

AngularJS–Animations(动画)

点击查看AngularJS系列目录转载请注明出处:http://www.cnblogs.com/leosx/ 在AngularJS 1.3 中,给一些指令(eg: ngRepeat,ngSwitch, ngView等)提供了一个动画的钩子,也就是说,这些指令可以使用 $animate 动画服务(是一个服务哦,可以注入到controller里面去). 这些动画钩子可以再整个指令的生命周期中随着各种指示,触发等进行动作,显示动画效果,我们可以使用HTML5的各种动画效果,类似 Transi

jquery-1.11.1.js

每次想要使用这个js时,总是要到官网上下载,太麻烦,现在把它收录了 jquery-1.11.1.js /*! * jQuery JavaScript Library v1.11.1 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors * Released under

vue中简单的小插曲

我们现在来学习一下vue中一些简单的小东西: 首先我们必须要引入vue.js文件哦! 1.有关文本框里的checkbox js代码: new Vue({ el:"#app", data:{ mag:" " } }) html代码: <div id="app"> <input type="checkbox" v-model="mag"> <h1>{{mag}}</h1

通用数据水平层级选择控件v0.70升级版使其支持jQuery v1.9.1

升级原因:作者原来脚本支持的jquery版本太低了,查找了下资料,使得它能支持最新版本的jquery 备注说明:脚本代码源作者跟源文出处很难找,只能在此特感谢他的分享. 更新部分: 1.新版本不再支持$.browser.msie判断 //原代码行var inspan_width = ($.browser.msie)?1:3;//新代码行var inspan_width = ($.support.boxModel && $.support.leadingWhitespac)?1:3; 2.新

jQuery基础 (一)——样式篇（认识jQuery）

一.认识 //等待dom元素加载完毕. $(document).ready(function(){ alert("Hello World!"); }); 二.jQuery对象与DOM对象是不一样的普通处理,通过标准JavaScript处理:  <script type="text/javascript"> window.onload = function(){ // 通过原生JS语法获取id为imooc1的

easyui+webuploader+ckeditor实现插件式多图片上传-添加图片权限(图片上传人是谁，只能看到自己的图片)

需求: 实现过程及思路 1.先页面布局 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href

div有checked吗

热门专题