［原创］纯JS实现网页中多选复选框checkbox和单选radio的美化效果

图片素材: 最终效果图: <html><title> 纯JS实现网页中多选复选框checkbox和单选radio的美化效果</title><head><style> BODY { FONT-FAMILY: "Segoe UI", Frutiger, Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif; FONT-SIZE:62.5%} LABEL {…

DOM操作-根据name获取网页中的全部复选框

描述: 与id不同,多个元素可以使用相同的name属性,如果需要获取这一类元素的DOM对象,就需要使用getElementsByName()函数代码: <!DOCTYPE html> <html> <head> <title>根据name获取多个元素</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/…

Ifvisible.js – 判断网页中的用户是闲置还是活动状态

ifvisible.js 是一个跨浏览器.轻量级的方式,用户检查用户在浏览页面或正在与它进行交互.它可以处理活动状态,如在页面上空闲或活跃.您还可以使用 ifvisible.js 智能设置您的间隔,如果用户是空闲或没有看到页面的间隔时间会自动停止. 您可能感兴趣的相关文章 12款经典的白富美型 jQuery 图片轮播插件精选12款优秀 jQuery Ajax 分页插件和教程推荐35款精致的 CSS3 和 HTML5 网页模板 10大流行的 Metro UI 风格 Bootstrap 主题分…

纯js实现网页tab选项卡切换效果

纯js实现网页tab选项卡切换效果百度搜索 js 点击菜单项就可以切换内容的效果…

ExtJS中，将Grid表头中的全选复选框取消复选

今天发现公司产品用的EXTJS中使用Grid时,Grid表头中的全选复选框的选中状态不是很准确,就写了这个小扩展在js中加入下面方法,在需要取消全选的地方调用即可,例:Ext.getCmp('grid').unSelectAll 或 gridName.unSelectAll(); // 自定义扩展:将Grid表头中的全选复选框取消复选 Ext.grid.GridPanel.prototype.unSelectAll = function(){ var view = this.getVie…

【JS新手教程】LODOP打印复选框选中的任务或页数

之前的博文:[JS新手教程]LODOP打印复选框选中的内容关于任务:Lodop打印语句最基本结构介绍(什么是一个任务)关于本文用到的JS的eval方法:JS-JAVASCRIPT的eval()方法该文用的是不同checkbox,对应不同的value值,不同的value是不同的打印项语句,也可以不用value属性,直接不同checkbox对不同字符串,然后加载执行该字符串,用eval方法执行里面的JS语句. 这里面有两种输出方式,选择三个复选框,每个一个任务输出,输出三个任务,该文用xps虚拟打印…

PyQt（Python+Qt）学习随笔：QTreeWidgetItem项中列的复选状态访问方法

老猿Python博文目录专栏:使用PyQt开发图形界面Python应用老猿Python博客地址树型部件QTreeWidget中的QTreeWidgetItem项,项中每列数据都可以单独设置复选状态,如图顶层第一项第一列设置了复选状态: 项中列的复选状态可以通过checkState(int column)来获取,如果要改变项中指定列的复选状态可以调用setCheckState(int column,Qt.CheckState state)来实施. 注意: 复选状态的取值及含义请参考<PyQt…

使用 pdf.js 在网页中加载 pdf 文件

在网页中加载并显示PDF文件是最常见的业务需求.例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票.(2)电子商务管理系统中查看发布的公文,公文文件一般是PDF格式的文件. 目前随着浏览器技术发展的不断成熟与强大,大部分的浏览器都支持直接把PDF文件拖到浏览器中显示,最方便的是这个操作不需要额外的插件支持.但是不同的浏览器加载显示PDF的效果不同.这时就需要专门的JS插件来处理.Mozilla开源了一个插件pdf.js,无需任何本地支持就可以在所有主流的浏览器上显示PDF文…

prism.js——让网页中的代码更好看

粗放的代码展示有时候,网页中会插入代码.直接把代码放入<pre></pre>标签和<code></code>标签里,也算是可以在页面中显示出来. 比如下面这样的: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>直接写代码</title> </hea…

js 学习之路5：使用js在网页中添加水印

示例: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <body> <script charset = "utf-8"> function addWaterMarker(str){ var can = document.createElement('ca…

js实现网页中的"运行代码"功能

<!DOCTYPE html> <html> <head> <meta charset='utf8' /> <title>网页中的运行代码功能</title> <script type="text/javascript"> function runCode(oCode) { var win = window.open('', "_blank", ''); win.document.o…

JS 导出网页中Table内容到excel

<html> <head> <script type="text/javascript" language="javascript"> var idTmr; function method1(tableid) {//整个表格拷贝到EXCEL中 var curTbl = document.getElementById(tableid); var oXL = new ActiveXObject("Excel.Applicat…

【JS新手教程】LODOP打印复选框选中的内容

在html中,复选框是常见的使用之一,本文介绍如何获取选中的复选框的值,并用LODOP打印.给需要为一组的复选框,复选框的checkbox设置相同的name属性,设置不同的id,然后设置需要的value值.document.getElementsByName(设置的name的值);返回的是指定该name名称的对象的集合获取该集合的长度用.length,在JS和很多其他计算机语言中.length都是长度,也就是个数,是自然数,和索引从0开始数不同,长度是实际的个数.例如本文例子中,name为hob…

dataList中实现用复选框一次删除多行问题

先遍历每一行,判断checkBox是否选中,再获取选中行的主键Id 删除就行了 ,,,foreach(DatalistRow rowview in Datalist.Rows) //遍历Datalist中的每一行 {//假设你的Datalist中的复选框放在第一列,id是“CheckBox1” CheckBox check = (CheckBox)rowview.Cells[0].FindControl("CheckBox1");//找到了checkbox控件 if(check.Che…

js获取网页中宽高度集合

document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHei…

［转］node.js学习笔记(二)

二.express 1.安装 express4 npm --registry=http://registry.npmjs.org install -g express-generator (全局) 2.新建express项目 express -t ejs newsproject cd newsproject npm --registry=http://registry.npmjs.org install 3.启动项目 A 修改app.js增加其中,通过app.use('/',routes)访问…

JS获取网页中HTML元素的几种方法分析

getElementById getElementsByName getElementsByTagName 大概介绍 getElementById ,getElementsByName ,getElementsByTagName ###adv### 后两个是得到集合,byid只是得到单个对象 getElementById 的用法举个例子: <a id="link1" name="link1" href=http://homepage.yesky.com>…

[💯原]Javascript，我们来用js在网页中识别鼠标手势

觉得点击切换图片这样的方式不潇洒,鼠标手势呢?于是构思了一下识别鼠标手势的问题.自己去实现然后封装成了一个jquery插件.使用简洁. 下载地址: http://download.csdn.net/download/qddnovo/7187713 先预览一下使用 <script src="Scripts/jquery-1.8.2.js" type="text/javascript"></script> <script src="…

纯JS自定义网页滚动条

前言由于最近在公司很忙,没什么时间更新,忙中抽时间做了一个JS滚动条,因为火狐浏览器与谷歌浏览器的滚动条自定义样式过于麻烦,所以我打算自己写个方便改样式的滚动条 CSS <style> #CheShi { background: #ccc; width: 80%; height: 200px; overflow: hidden; position: relative; /* 禁止选择文字 */ moz-user-select: -moz-none; -moz-user-select: non…

［原创］Mac系统下制作OS 10.11安装镜像

一.所需软件 1.从App Store下载OS X El Capitan 10.11.2 ------------------------------------------------------------ 二.创建空白镜像 1.打开磁盘工具,菜单栏里选 [文件] -> [新建映像] -> [空白映像],打开如图下窗口,按图中参数填写.然后点存储.(大小填大一些,否则可能会出现写入失败.这里填的是6.8GB) 2.等待空白镜像创建完毕. --------------------------…

［原创］jQuery的this和$(this)

网上有很多关于jQuery的this和$(this)的介绍,大多数只是理清了this和$(this)的指向,其实它是有应用场所的,不能一概而论在jQuery调用成员函数时,this就是指向dom对象. $(this)指向jQuery对象是无可厚非的,但this就是指向dom对象,这个是因为jQuery做了特殊的处理. 在创建dom的jQuery对象时,jQuery不仅仅为dom创建一个jQuery对象,而且还将dom存储在所创建对象的数组中. elem = document.getElement…

［原创］如何编写多个阻塞队列连接下的多生产者多消费者的Python程序

平常在写程序时,往往会遇到一个需求:在程序的多个阶段都会出现阻塞的可能,因此,这多个阶段就需要并发执行. Python的多线程有一个特点,就是不允许从外部结束一个运行中的线程,这给我们编写代码时带来了一定的困难.网上现存的多篇文章,往往都从单个阻塞队列出发来讲多线程,大家都知道然而这并没有什么卵用.本文将从一个需求出发,详细分析如何编写一个没有并发问题.可以保证在正确的时间内结束的多生产者.多消费者模式下的Python程序. 言归正传,首先是需求: 我有一个已知的ip段,比如64.233.16.…

使用 highlight.js 在网页中高亮显示java 代码【原】

<html> <head> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js">…

［原创］delphi在win7下创建共享文件夹源代码

unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, Dialogs,AclApi, AccCtrl, StdCtrls; type PShareInfo2 = ^TShareInfo2; TShareInfo2 = packed record shi2_netname: PWideChar; shi2_type: DWORD; shi2_rema…

使用 js替换网页中的关键词为链接

要求把一段html脚本中的疾病名添加到疾病库的链接,只添加一次,要避开超链接或图片链接. 最初是用的 str.replace('糖尿病', '<a href=...>糖尿病</a>'); 结果找了半天,愣是没找到替换后的效果,原来是有个图片的title中包含糖尿病,被它捷足先登了. 因此要把<a>链接.<img>标签避开,但<p><div>等标签不用避开上图: s = "<a href='http://www.…

如何用JS判断网页中某个id的网页元素是否存在

［原创］mac终端前面的计算机名怎么改？？

1.修改-之前的名称 mac环境,系统 OS X Yisemite,打开终端, 执行下面命令“Tmp”是你想要改的电脑名称 sudo scutil --set HostName Tmp 执行前,执行后对比: 成功修改,大功告成!(ps:执行过后命令,需要强行退出终端,重新打开就好了) 2.如果想修改-之后的名称,那就修改当前管理员名称即可:…

［原创］阿里云RocketMQ踩过的哪些坑

由于公司的最近开始使用RocketMQ来做支付业务处理, 便开启了学习阿里云RocketMQ的学习与实践之路, 其中踩了不少的坑, 大部份是由于没有仔细查看阿里云的技术文档而踩的坑. 但是有一个非常大的坑, 确实是阿里云的技术文档里没有提及, 在文章的最后会给大家提及. 使用过程了封装的RocketMQ类库已开源在github: https://github.com/antaintan/easyrocketmq 公司的一位同事推荐使用RocketMQ, 并给出了几个流行MQ的对比, 资料来源, …

JS操作网页中的iframe

/* *parent.html */ <!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> <meta http-e…

[DevExpress] - 在 DataGrid 中添加多选复选框的方法

设置方法在 GridView 中设置 OptionSelection 属性如下: 效果参考资料 https://stackoverflow.com/a/9078848http://blog.csdn.net/nanchuan/article/category/1163101…

【［原创］纯JS实现网页中多选复选框checkbox和单选radio的美化效果】的更多相关文章