Welcome

首页 / 脚本样式 / JavaScript

js判断checkbox是否选中个数的方法（超简单）

2017-02-06 18
实例如下：<SCRIPT LANGUAGE="JavaScript">//判断同类型function checkboxnum（）{ var form = document.forms["formbj1"]; var i,j=0; for （i=0; i<form.length; i++）{ var e=form[i]; if （e.checked && e.type=="checkbox" && e.name=="bjid[]"） {j+...

AngularJS入门教程之过滤器详解

2017-02-06 18
在这一步你将学习到如何创建自己的显示过滤器。请重置工作目录：git checkout -f step-9现在转到一个手机详细信息页面。在上一步，手机详细页面显示“true”或者“false”来说明某个手机是否具有特定的特性。现在我们使用一个定制的过滤器来把那些文本串图形化：√作为“true”；以及×作为“false”。来让我们看看过滤器代码长什么样子。步骤8和步骤9之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。定制过滤器为了创建一个新的...

浅谈jquery设置和获得checkbox选中的问题

2017-02-06 18
1. 设置checkbox选中：//选中多选框checkbox=$（"#agentinfo input[name="veri[]"]"）;//循环多选框中的值checkbox.each（function（）{for（var j=0;j<data.veri.length;j++）{//判断当前值是否在数组中if（$（this）.val（） == data.veri[j]）{$（this）.attr（"checked","checked"）;//选中}}...

jQuery增加、删除及修改select option的方法

2017-02-06 21
本文实例讲述了jQuery增加、删除及修改select option的方法。分享给大家供大家参考，具体如下：jQuery获取Select选择的Text和Value:1.//获取Select选择的Textvar checkText=jQuery（"#select_id"）.find（"option:selected"）.text（）; 2.//获取Select选择的option Valuevar checkValue=jQuery（"#select_id"）...

AngularJS 入门教程之事件处理器详解

2017-02-06 20
在这一步，你会在手机详细信息页面让手机图片可以点击。请重置工作目录：git checkout -f step-10手机详细信息视图展示了一幅当前手机的大号图片，以及几个小一点的缩略图。如果用户点击缩略图就能把那张大的替换成自己那就更好了。现在我们来看看如何用AngularJS来实现它。步骤9和步骤10之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。控制器app/js/controllers.js...function PhoneDetai...

js自调用匿名函数的三种写法（推荐）

2017-02-06 19
第一种：（function（）{console.log（‘hello world”） }）（） 第二种：（function（）{console.log（‘hello world"） }（）） 第三种：！function（）{console.log（‘hello world"） }（） 以上这篇js自调用匿名函数的三种写法（推荐）就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

AngularJS入门教程之REST和定制服务详解

2017-02-06 19
在这一步中，我们会改进我们APP获取数据的方式。请重置工作目录：git checkout -f step-11对我们应用所做的最后一个改进就是定义一个代表RESTful客户端的定制服务。有了这个客户端我们可以用一种更简单的方式来发送XHR请求，而不用去关心更底层的$http服务（API、HTTP方法和URL）。步骤9和步骤10之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。模板定制的服务被定义在app/js/services，所以我们需要...

js获取页面引用的css样式表中的属性值方法（推荐）

2017-02-06 22
如下所示：function getStyle（node, property）｛if （node.style[property]） ｛return node.style[property];｝ else if （node.currentStyle） ｛return node.currentStyle[property];｝ else if （document.defaultView && document.defaultView.getComputedSty...

jquery easyUI中ajax异步校验用户名

2017-02-06 18
以前无聊写过一个小东西，其中有一个功能就是添加用户，当时并没有考虑用户名重复的问题，今日闲来无事，打算利用ajax的异步刷新来校验用户名是否存在。自己也是新手，刚刚大三，哈哈写的不对的地方请指出。放上效果图：首先是编写前的准备我并不是用原生的js来写的ajax而是用的jqueryeasyUI框架中的ajax,所以在使用之前就必须要引入jquery的js文件。 <link rel="stylesheet" type="text/css" href="$...

JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法

2017-02-06 19
本文实例讲述了JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法。分享给大家供大家参考，具体如下：Uncaught SyntaxError: Unexpected token ILLEGAL 未捕获的语法错误： 意想不到的非法令牌如下图所示：复制代码 代码如下:<input id="btn_0_4EAE4F474C91156086C0D4EA7E983C69C215B649" type...

jQuery如何封装输入框插件

2017-02-06 18
【前言】 在大型项目的开发中，插件化是一种趋势，将相似的多次使用的东西封装成公共的插件，以提高开发效率。其他开发人员在调用插件的时候，只需简单的一两行代码就可以实现非常复杂的内容或者效果。 在这一节里面我就跟大家分享一下，我是如何封装一个输入框插件的。【呈现分析】（1）默认展示：边框为灰色，中间有输入提示信息（2）获取焦点：边框为蓝色，无输入内容时中间有输入提示信息，有输入内容的时候中间显示输入内容（3）失去焦点：输入正确边框变成浅绿色，并有个√；输入...

jQuery Validate插件实现表单验证

2017-02-06 17
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。更重要的是他是由jQuery 团队、 jQuery UI 团队的主要开发人员Jörn Zaefferer 编写和维护的。具体我们可...

JavaScript使用键盘输入控制实现数字验证功能

2017-02-06 19
现在有一个需求如下图：产品经理说Card Number只能让输入数字（中间的空格是格式自加的，也是用js实现的），有时候我脑海中出现了个声音，啥玩意，加个type=number不就行了，事实发现图样图森破了，先不说type=number后面会有个上下标（虽然用css可干掉），但是这个类型是支持科学输入法的，就是小数点和e这样的是可以输入的，于是乎只能用其他的方式了，后来想用检索到输入了非数字就干掉，但是这样还是能输入，想法被打回，于是乎最终采用了键盘输入控...

JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】

2017-02-06 18
本文实例讲述了JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法。分享给大家供大家参考，具体如下：实现效果：图一：图二：此例中输入的中文字符串“万万保重”，有三个字是多音字，所以alert对话框中显示的是多种读音的组合；如何实现？如何实现通过拼音首字母快速查找页面内的中文内容呢？过程原理是这样的：例如要对一些人名进行快速查找，当页面加载完成后，对所有人名建立一个索引，生成拼音首字母与姓名的对应关系；然后监听键盘事件，当用户按下键盘时，根...

巧用jQuery选择器提高写表单效率的方法

2017-02-06 18
相信很多小伙伴都会遇到需要做表单的需求，就像我现在做的医院项目，茫茫多的表单无穷无尽。一开始做表单使用最笨的方法：一个个span去定义ID，每个数据都用ajax获取后赋值显示，然后在表单提交前一个个用jQuery根据ID获取元素的value，组成一个model来提交给服务器。 后来发现使用jQuery可以大大简化这个过程。于是我修改了工作方法，总结了我的一些提高写表单效率的方法。需求表单中存在最多的无非就是文本、文本框、单选框、多选框。而一些表单中会有几十...

javascript简单实现跟随滚动条漂浮的返回顶部按钮效果

2017-02-06 19
本文实例讲述了javascript简单实现跟随滚动条漂浮的返回顶部按钮效果。分享给大家供大家参考，具体如下：比较优秀的一款超过一屏高度才显示的，跟随滚动条漂浮的返回顶部按钮特效代码。运行效果如下图所示：完整实例代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt...

JS实现六位字符密码输入器功能

2017-02-06 21
老规矩~ 上DEMO，过过瘾先：六位字符密码输入器再上源码：六位字符密码输入器从DEMO中我看可以看出，首先只能输入六个字符，并且仅允许输入数字，在输入六位数字完成之后会自动执行一个回调（DEMO中是将输入结果显示出来了）一. 先说原理首先呢，我们需要两个东东：其一是一个真是的输入框，即：真正处于焦点状态并获取用户输入的input；其二是一组伪输入框，即：并没有真正获取焦点，但只是显示了当前输入的值（当然啦，密码嘛，只有一个小黑点而已~）。其次呢，我们需要...

javascript设计模式之module（模块）模式

2017-02-06 20
模块是任何强大应用程序中不可或缺的一部分，它通常能帮助我们清晰地分离和组织项目中的代码单元。js中实现模块的方法：1.对象字面量表示法2.Module模式3.AMD模块4.CommonJS模块5.ECMAScript Harmony 模块对象字面量对象字面量不需要使用new运算符进行实例化，但不能用在一个语句的开头，因为开始的可能被解读为一个块的开始，在对象的外部，新成员可以使用如下赋值语句添加到对象字面量上，myModule.property = “so...

JavaScript面向对象编写购物车功能

2017-02-06 19
之前的项目中需要一个购买数据商品并付款的功能，刚开始一直不敢使用面向对象的写法，主要是没有理清思路，而且那时的数据商品比较的复杂，就一直没敢动，在网上也找些面向对象的写法，把思路理清一遍，就想自己试着写写。接下来我会一步一步分析，面向对象的写法过程。整个流程大致分为：1、先定义好一个商品列表的数据形式和商品总数集，类似：var data = [{name: "name", unitPrice: 10, num: 2}];var total = {type:...

js实现select选择框效果及美化

2017-02-06 20
网上有各种各样的关于 select 选择框的美化，找了很多，并没有好的样式效果。所以就找了一个利用 ul li 做的类似 select 选择框的效果，不废话了，先上图，效果如下：点击一个 test ，就会把列表显示出来，再次点击，列表隐藏，选择一个 li ，就会把 span 里的内容替换成 li 的内容，然后可以用 js 监控 span 的变化，然后执行你的代码。效果如下：html 代码如下：<div id="type" class="test"&g...
<< 131 132 133 134 135 136 137 138 139 140 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图