本文实例讲解了javascript实现checkbox复选框的详细代码,分享给大家供大家参考,具体内容如下 效果图:具体代码:无标题文档function select_all(obj) {//取得由所有hobby构成的一个数组对象//如果表单中,存在多个同名的name,将产生一个数组var arr = document.form1.hobby;if(obj.checked){//为true执行代码for(var i=0;i希望本文所述对大家学习javascript程序设计有所帮助。
废话不多说了,直接给大家贴代码,具体代码如下所示:$(function () { createSelect("select", "addSel"); addOption("addSel", "first", "第一个数据"); addOption("addSel", "secord", "第二个数据"); addOption("addSel", "three", "第三个数据"); addOption("addSel", "four", "第四个数据"); addOption("addSel", "fives", "第五个数据"); removeOneByIndex("addSel", ); removeOneByObj("addSel", "secord"); //添加一个opti...
像平时购物选择地址时一样,通过选择的省动态加载城市列表,通过选择的城市动态加载县区列表,从而可以实现省市县的三级联动,下面使用原生的JavaScript来实现这个功能: 先给大家展示下测试结果: 未做任何选择时:选择时:代码如下所示:三级联动测试//用来获得option元素中selected属性为true的元素的id function Get_Selected_Id(place){ var pro = document.getElementById(place); var Selected_Id = pro.options[pro.select...
废话不多说了,直接给大家贴代码,具体代码如下所示:$(function () {createSelect("addSel");addOption("addSel", "first", "第一个数据");addOption("addSel", "secord", "第二个数据");addOption("addSel", "three", "第三个数据");addOption("addSel", "four", "第四个数据");addOption("addSel", "fives", "第五个数据");removeOneByIndex("addSel", 0);removeOneByValue("addSel", "three");//****************以验证不可以根...
大家在逛购物商城的时候不知道有没有注意到商城首页上面都会有各种轮播广告,效果非常好,下面小编给大家整理特此分享给大家学习。具体内容如下所示: 1.HTML框架 如下图,分为三个部分,首先有个div承载,然后一个ul存放图片,一个ul存放数字,再两个button即可1 2 3 4 5">2.CSS配置 首先外框div要设置和图片大小一致,并且居中对齐,position设置为相对定位,因为后面的图片什么的都是相对这个大框来绝对定位的//div外框 .out{ width: 56...
最近做了个项目,其中有项目需求是要实现跑马灯抽奖效果,实现此功能主要用到js相关知识,废话不多说,感兴趣的朋友可以阅读下全文。 开始之前先来看上篇文章遗漏的两个问题和几个知识点,是自己重构的过程中需要用到的: 1.移动端1px像素线的问题 对于设计师给我的手机端网页的设计稿都是2倍图。按照道理来说,在写网页的时候,所有对象的实际尺寸都是会除2。但是对于1像素的线呢? 先来看两张图,设计稿的效果:在三星 S4下的实际...
在上篇文章给大家介绍了JavaScript实现跑马灯抽奖活动实例代码解析与优化(一),既然是要编写插件。那么叫做“插件”的东西肯定是具有的某些特征能够满足我们平时开发的需求或者是提高我们的开发效率。那么叫做插件的东西应该具有哪些基本特征呢?让我们来总结一下: 1.JavaScript 插件一些基本特征: 配置一定要简单 插件中定义的变量不污染全局变量; 同一段代码可以在不同的地方复用; 用户可以自定义自己功能参数; 具有销毁变...
大家在汽车驾驶舱里一眼就可以看到仪表盘,使用使用Echarts制作的仪表盘可以轻松展示用户的数据,清晰的看出某个指标值所在的范围,仪表盘形式的报表应用在各种统计系统中,本文结合实例讲解仪表盘在销售任务完成率的统计应用。效果演示 源码下载 HTML 首先引入Echarts,然后在需要放置图表的地方加上div#myChart,同时给它加上宽度和高度属性。Javascript 接下来要初始化echarts实例,然后设置选项,最后渲染图像。var myCha...
今天,先从最简单的开始,将已有的一个Tab选项卡切换功能改写成javascript插件形式。 原生函数写法 将一个javascript方法改写为js插件最简单的方式就是将这个方法挂载到window全局对象下面 我们先来看看最原始的使用函数写法的代码: tab.htmljquery_hjb_tab插件demotab1 tab2 tab3 tab4内容一 内容二 内容三 内容四window.onload = h_tab('tab'); function h_tab(tabId){ var oLinks = document.getElementById(tabId).getElement...
项目需求:实现在页面中输出99乘法表。(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if和switch两种判断方式都能实现; 额,分析一下实例要求:一个99乘法表,一个多方法的隔行变色,鼠标滑过变另外一个颜色,离开恢复原色。 嗯,我们一步步来吧! 99乘法表的实现,我相信很多人都知道怎么实现,无非是2个fo...
定义和用法 clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。 语法clearTimeout(id_of_settimeout)参数描述id_of_settimeout由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。 需求:当鼠标放到父级菜单上面的时候,显示下方的子菜单。鼠标从子菜单或者父级菜单上面移开的时候,子菜单要收起来。最终效果如下:PS:这样需求很常见,最常见的做法是li元素下面再嵌套一个Ul元素来包含子元素。这种做法...
时间对象(Date())比较简单,本文旨在为初学者入门使用,大牛可略过!本文承接基础知识实例,说一下实例的要求:在页面中输出当前客户端时间(2015年1月1日星期一10:10:10这样的格式),每过一秒中页面不刷新,但是时间自动更新(用两种定时器方法都可以实现),鼠标点击时间,如果原先运动则停止,如果停止则继续运动;要求基本上可分为2部分:一是不刷新自动更新时间,二是点击时间停止或更新时间好,那我们还是老规矩,一步一...
前些文章用写过,省市县三级联动,但是感觉选择的时候不够直观,现在改进了下,效果如下图#provinceDiv{ list-style:none;} #provinceDiv li{ list-style:none; border-bottom:1px dotted #ccc; width:400px; height:20px;margin-bottom:3px;} #provinceDiv li span{ display:block; width:60px; height:20px; float:left; line-height:20px; text-align:center; position:relative;} #provinceDiv li span:hover{ background:#fb0...
朋友给我看了一个轮播效果,把js下载一看,丫丫的一个这么简单的效果,这么的就能写个几百行的,严重影响浏览器加载速度嘛,以为人家宽带流量不要钱玩的哦。。无奈之下给他写了个简单的,把所有代码放上去都没有超过70行,还有圆角的那个CSS,不是每个浏览器都是圆角的,不过不影响美观,嘻嘻。 先给大家展示下效果图:无标题页.clear{overflow:hidden; clear:both; width:0px; height:0px; } .imgbox{width:640px; margin:0 auto;...
dedecms页面如何获取会员状态的实例代码 前几天做了一个企业网站,导航栏增加了会员信息,如: 已登陆:显示:欢迎 未登陆 显示: 请登录 代码如下:代码如下: {dede:php} require_once(DEDEMEMBER."/config.php"); $uid = $cfg_ml->M_LoginID; if(!$uid){ echo 登录 |加入 ; }else{ echo .$uid. |/index_do.php?fmdo=login&dopost=exit">登出</div& gt; ; } {/dede:php} 以上这篇dedecms页面如何获取会员状态的实例代码就是小编分...