select,radio 表单回显避免使用jquery载入赋值 注意事项: 代码如下: 不推荐:使用如下js代码 代码如下: $(function(){ //回显时并不是真是数据的默认值 $("input[type=radio][name=visible]").each(function() { if ($(this).val() == '${teacher.visible}') { $(this).attr("checked", "checked"); } }); $("#orderBy option").each(function() { if ($(this).val() == '${teacher.orderBy}') { $(this).attr("selecte...
代码如下: New Document $("document").ready(function(){ $("#all").click(function(){ if(this.checked){ $("input[name='checkbox']").each(function(){this.checked=true;}); $("#btn1").attr("value","反选"); }else{ $("input[name='checkbox']").each(function(){this.checked=false;}); $("#btn1").attr("value","全选"); } }); $("#btn1").click(functio...
代码如下: /* JQuery异步加载无限极下拉框级联功能 zjy */ (function ($) { $.ajaxSetup({ async: false }); var url = ""; var parameter = ""; $.fn.extend({ Load: function (urlPath) { url = urlPath.url; parameter = urlPath.parameter; $("#ddl1").append("请选择"); $.getJSON(url, parameter, function (data) { $.each(data.rows, function (i, row) { $("#ddl1").append($("").val(row.id).html(row.text)); }); $("#d...
javascript中不提供sleep功能,而我们时长会用到这个功能。 有一种思路是跑一段循环体,让程序空耗CPU的时间来实现延时。这有一个不足,不同的机器CPU的执行速度是不一样的,这很容易导致的慢的机器会SLEEP很久。 笔者从别的论坛看到一种机智的解决方法,在不同的机器上的执行速度是一致的。在此与大家共享。 代码如下: function sleep(n) { var start=new Date().getTime(); while(true) if(new Date().getTime()-start>n) break...
JQuery包装器提供了大量的方法,可以再页面中直接使用。但是,没有任何一个库可以满足所有的需求,所以,JQuery库提供了丰富的扩展功能。以禁用一组表单元素为例,看看怎么简单有效的在JQuery库中添加自定义的功能扩展。(JQuery没有禁用表单元素的方法哦) 上代码:Custom Method! 文本框和按钮已经被禁用:若只禁用按钮,添加一个css类即可;jQuery(function() { $("form input.test").disable(); });看看是不是禁用了按钮:实...
本文实例讲述了JavaScript简单表格编辑功能实现方法。分享给大家供大家参考。具体如下:function getInnerHTML() { alert(document.getElementById("tr2").innerHTML); }function insCell() {var x=document.getElementById('tr2').insertCell(0)x.innerHTML="Table Row, Table Cell" }function delCell() {document.getElementById('tr2').deleteCell(0) }function deleteCaption() {document.getElementById('myTable').deleteCa...
本文实例讲述了JavaScript分页功能的实现方法。分享给大家供大家参考。具体实现方法如下://定义page为全局变量,以便下面使用 var page; window.onload = function() { var table = document.getElementById("table"); var btnAdd = document.getElementById("btnAdd"); var btnModify = document.getElementById("btnModify"); var btnDel = document.getElementById("btnDel"); var btnRefresh = document.getElementById("btnR...
本文实例讲述了javascript省市级联功能实现方法。分享给大家供大家参考,具体如下: 初步实现方法:function changecity(){var province = document.form1.selprovince.value;var newoption1,newoption2;switch(province){case "四川省":newoption1 = new Option("成都市", "chengdu");newoption2 = new Option("绵阳市", "mianyang");break;case "湖北省" : newoption1= new Option("武汉市","wuhan");newoption2= new Option("襄...
一、用到的素材二、代码如下,重点是js部分<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery九宫格大转盘抽奖</title> <style> #lottery{width:570px;height:510px;margin:0px auto;border:4px solid #ba1809;} #lottery table{background-color:yellow;} #lottery table td{position:relative;width:190px;height:170px;text-align:center;color:#333;font-i...
我们这次使用setTimeout来实现一个按照时间定时,依次打印数值的例子.其实在早期的时候,也是我经常犯的一个错误,或者实现这种能力,似乎js比较牵强,其实是我的错,哈哈!没能理解JS强大之处.我们直接进入主题吧! 注意,如果用setInterval来实现的话,那肯定很简单,这次我们是使用setTimeout. 我们先从最简单思考入手.那就会写出下面的代码.for(var i = 0; i 这段代码虽然依次打印了,每个i的值0,1,2,3,4.但是,执行的时间却没有起作用....
最近没有项目做,闲来无事写了一个小demo,特此分享到脚本之家平台,供大家参考下,本文写的不好还请各位大侠见谅!功能及方法逻辑都注释在代码中。所以麻烦大家直接看代码。效果如下:话不多说直接上代码:js部分:首先我们先画出两个九宫格,一个用于登录和首次设置滑动密码使用,另个用于再次设置滑动密码,用于与第一次输入的滑动密码进行对比,判断两次密码是否一致第一个九宫格$("#gesturepwd").GesturePasswd({ backgroundC...
javascript input输入框模糊提示功能的实现 主要用到了jQuery.autocomplete函数,定义好一个数组就可以用这个功能了,很方便。 <!doctype html> <html> <head><meta charset="utf-8"><link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="external nofollow" ><script src="//code.jquery.com/jquery-1.10.2.js"></script><script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></...
一、小程序部分 这是理财系统的前端,江苏海洋大学微信小程序比赛,最后获得了一等奖 GitHub:https://github.com/GeorgeLeoo/finance 1. 项目描述(1). 此项目为记账小程序 (2). 包括账单、图表、搜索、用户等多个子模块 (3). 使用微信小程序技术 (4). 采用模块化、组件化、工程化等模式开发2. 项目功能界面在 1.0.2版本中删除了扇形图 3. 项目目录 * pages:页面* components:组件* utils:工具类 |-- util.js:工具类 |-- wxcha...
首先来看一下网站效果,想写这个项目的读者可以自行下载哦,地址:https://github.com/Stray-Kite/Car:在这个项目中,我们主要是为了学习语种切换,也就是右上角的 中文/English 功能的实现。 首先看一下模拟的后台数据src/config/modules/lang.js 文件中: 关键代码: export default {name: Homepage,components: {ScrollNumber},data () {return {lang: chinese,pageIndex: 0,stepIndex: 0}},......其余代码 44 methods: {addC...
问题场景 所谓悬浮窗就是图中微信图标的按钮,采用fixed定位,可拖动和点击。 这算是一个比较常见的实现场景了。为什么要用cover-view做悬浮窗?原生组件出来背锅了~ 最初我做悬浮窗用的不是cover-view,而是view。 这是简化的代码结构: index.wxml:<view class="move-view" style=" top:{{top}}px;left:{{left}}px;" bindtap="goToHome" catchtouchmove="setTouchMove"><image class="img" src="https://ss2.baidu.com/6ONYsjip0...