js经常使用功能代码
js经常使用功能代码(持续更新):
1---折叠与展开
<input id="btnDisplay" type="button" class="baocun2" value="加入" onclick="changeDisplay()"
/>
<script type="text/javascript">
function changeDisplay() {
var helloDivObj = $("#addressdiv");
var buttonObj = $("#btnDisplay");
var val = buttonObj.attr("value");
if (val == "隐藏") {
helloDivObj.hide();
buttonObj.attr("value", "加入");
} else {
helloDivObj.show();
buttonObj.attr("value", "隐藏");
}
}
</script>
2---多选框点击使文本框可否编辑
<input disabled="disabled" name="telephone" id="tel" class="text" value="123" type="text">
<input id="tellphones" value="123" type="hidden">
<input checked="true" type="checkbox" onclick="mobile(this)">
<label for="mobile_id_flag" style="cursor:pointer">
与订单中手机号同样
</label> <script type="text/javascript">
function mobile(_this) {
if (_this.checked) {
$("input[id='tel']").val($("#tellphones").val());
$("input[id='tel']").attr("disabled", "disabled");
} else {
$("input[id='tel']").val("");
$("input[id='tel']").removeAttr("disabled");
}
}
</script>
3-- JS响应回车事件
function keydownEvent() {
var e = window.event || arguments.callee.caller.arguments[0];
if (e && e.keyCode == 13 ) {
alert("您按回车键了");
}
}
4-- 验证序号不反复以及不能为空且必须是数字
<s:textfield name="e.order1" id="order1" style="height: 22px;" onBlur="return ajaxcheckonly(this)"
/>
<script type="text/javascript">
function ajaxcheckonly(obj) {
var norder = $(obj).val();
var re = /^\d+$/; //推断字符串是否为数字 //推断正整数 /^[1-9]+[0-9]*]*$/
if (!re.test(norder)) {
if (norder == null || norder == "") {
alert("不能为空");
} else {
alert("请输入数字");
$(obj).val("");
}
return false;
}
var yorder = '${e.forder}';
$.ajax({
url: 'manage/bottom!checkonly.action',
data: {
forder: norder,
yorder: yorder
},
type: "post",
dataType: "text",
success: function(data) {
alert(data);
},
error: function() {
alert('ajax报错了');
return false;
}
});
}
</script>
js经常使用功能代码的更多相关文章
- 原生JS实现购物车结算功能代码+zepto版
html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...
- JS实现注销功能
JS实现注销功能,代码如下: <script> window.history.forward(1); </script> 这个代码的用法就是: 比如,我们此时有两个页面:Log ...
- JS全选功能代码优化
原文:JS全选功能代码优化 JS全选功能代码优化 最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想 用另一种模式来编写JS代码,所以针对之前的简单的JS全选功能 ...
- S全选功能代码
JS全选功能代码优化 2014-06-26 00:00 by 龙恩0707, 470 阅读, 3 评论, 收藏, 编辑 JS全选功能代码优化 最近在看javascript MVC那本书,也感觉到自己写 ...
- CI 结合 vue.js 的搜索功能模块
CI 结合 vue.js 的搜索功能模块 最近在有优化公司后台的某个模块的搜索功能优化 原先的是这个样子的,很是单调: 老大给我找个图希望我能弄成这样子: 经过不断修改,最后成了这样子 是不是比以前好 ...
- 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)
JS实现打印功能(包括打印预览.打印设置等) 绪 最近在进行项目开发时,需要实现后台管理端打印功能,遂在网上一阵搜索,搜到了很多相关的文章.其中绝大部分文章都是使用的Lodop5.0(Web打印和套打 ...
- C#设计模式总结 C#设计模式(22)——访问者模式(Vistor Pattern) C#设计模式总结 .NET Core launch.json 简介 利用Bootstrap Paginator插件和knockout.js完成分页功能 图片在线裁剪和图片上传总结 循序渐进学.Net Core Web Api开发系列【2】:利用Swagger调试WebApi
C#设计模式总结 一. 设计原则 使用设计模式的根本原因是适应变化,提高代码复用率,使软件更具有可维护性和可扩展性.并且,在进行设计的时候,也需要遵循以下几个原则:单一职责原则.开放封闭原则.里氏代替 ...
- 常见.NET功能代码汇总 (2)
常见.NET功能代码汇总 23,获取和设置分级缓存 获取缓存:首先从本地缓存获取,如果没有,再去读取分布式缓存写缓存:同时写本地缓存和分布式缓存 private static T GetGradeCa ...
- [JS]以下是JS省市联动菜单代码
以下是JS省市联动菜单代码: 代码一: <html> <head> <title></title> <script language=" ...
随机推荐
- C程序运行的背后(1)
一个成功的男人背后,至少有一个伟大的女人:一个不成功的男人,至少有一双手. 而一个C程序,无论成功不成功,它的背后一定有一个操作系统,一个shell,一套工具链. 世界本就不公平.隐藏在显而易见的事实 ...
- bzoj 1779
较水的网络流. /************************************************************** Problem: 1779 User: idy002 L ...
- bzoj 1654: [Usaco2006 Jan]The Cow Prom 奶牛舞会 -- Tarjan
1654: [Usaco2006 Jan]The Cow Prom 奶牛舞会 Time Limit: 5 Sec Memory Limit: 64 MB Description The N (2 & ...
- ThinkPHP -- magic_quotes_gpc()引起的反斜杠问题
magic_quotes_gpc()引起的反斜杠问题,通常是因为没有事先判断它的状态,而对字符串进行处理引起的. (本文学习借鉴于hechunhua楼主) 一般提供的服务器空间默认PHP 指令 m ...
- linux常见命令集合(下)
1. tar zcvf backup-$(date "+%Y-%m-%d").tar.gz demo01dir 常用命令集合 echo helloworld date “+%y-% ...
- Codeforces Round #348 (VK Cup 2016 Round 2, Div. 2 Edition) E. Little Artem and Time Machine 树状数组
E. Little Artem and Time Machine 题目连接: http://www.codeforces.com/contest/669/problem/E Description L ...
- 给WebAPI的REST接口服务添加测试页面(一)
当使用WebAPI提供REST服务的时候,一个经常进行的操作是对接口进行测试.Asp.net WebAPI框架本身并没有提供这一接口,不过由于提供的是标准的REST服务,是可以非常方便的使用一些第三方 ...
- Go语言设计模式实践:迭代器(Iterator)
关于本系列 决定开个新坑. 这个系列首先是关于Go语言实践的.在项目中实际使用Go语言也有段时间了,一个体会就是不论是官方文档.图书还是网络资料,关于Go语言惯用法(idiom)的介绍都比较少,基本只 ...
- 如何使用Omnifocus做时间管理 4 多项目管理
这一篇和大家分享作为一个管理者,可能遇到的时间管理挑战和如何用omnifocus应对这些挑战. 张经理在一家IT公司上班,从程序员开始打拼了5年,凭借权威的技术能力当上了项目经理,同时管理三个项目,苦 ...
- PTC点击网赚入门
第一次接触PTC大概是11月19号左右,那时候第一感觉是"这不就是传销吗,肯定是骗人的",但是由于利润十分之大,又忍不住仔细研究了一下,我还是十分还是十分谨慎的,再加上程序员的头脑 ...