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经常使用功能代码的更多相关文章

  1. 原生JS实现购物车结算功能代码+zepto版

    html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...

  2. JS实现注销功能

    JS实现注销功能,代码如下: <script> window.history.forward(1); </script> 这个代码的用法就是: 比如,我们此时有两个页面:Log ...

  3. JS全选功能代码优化

    原文:JS全选功能代码优化 JS全选功能代码优化 最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想 用另一种模式来编写JS代码,所以针对之前的简单的JS全选功能 ...

  4. S全选功能代码

    JS全选功能代码优化 2014-06-26 00:00 by 龙恩0707, 470 阅读, 3 评论, 收藏, 编辑 JS全选功能代码优化 最近在看javascript MVC那本书,也感觉到自己写 ...

  5. CI 结合 vue.js 的搜索功能模块

    CI 结合 vue.js 的搜索功能模块 最近在有优化公司后台的某个模块的搜索功能优化 原先的是这个样子的,很是单调: 老大给我找个图希望我能弄成这样子: 经过不断修改,最后成了这样子 是不是比以前好 ...

  6. 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)

    JS实现打印功能(包括打印预览.打印设置等) 绪 最近在进行项目开发时,需要实现后台管理端打印功能,遂在网上一阵搜索,搜到了很多相关的文章.其中绝大部分文章都是使用的Lodop5.0(Web打印和套打 ...

  7. C#设计模式总结 C#设计模式(22)——访问者模式(Vistor Pattern) C#设计模式总结 .NET Core launch.json 简介 利用Bootstrap Paginator插件和knockout.js完成分页功能 图片在线裁剪和图片上传总结 循序渐进学.Net Core Web Api开发系列【2】:利用Swagger调试WebApi

    C#设计模式总结 一. 设计原则 使用设计模式的根本原因是适应变化,提高代码复用率,使软件更具有可维护性和可扩展性.并且,在进行设计的时候,也需要遵循以下几个原则:单一职责原则.开放封闭原则.里氏代替 ...

  8. 常见.NET功能代码汇总 (2)

    常见.NET功能代码汇总 23,获取和设置分级缓存 获取缓存:首先从本地缓存获取,如果没有,再去读取分布式缓存写缓存:同时写本地缓存和分布式缓存 private static T GetGradeCa ...

  9. [JS]以下是JS省市联动菜单代码

    以下是JS省市联动菜单代码: 代码一: <html> <head> <title></title> <script language=" ...

随机推荐

  1. l1和l2正则化的区别 - 面试错题集

    L0:计算非零个数,用于产生稀疏性,但是在实际研究中很少用,因为L0范数很难优化求解,是一个NP-hard问题,因此更多情况下我们是使用L1范数L1:计算绝对值之和,用以产生稀疏性,因为它是L0范式的 ...

  2. bzoj 3437: 小P的牧场 -- 斜率优化

    3437: 小P的牧场 Time Limit: 10 Sec  Memory Limit: 128 MB Description 小P在MC里有n个牧场,自西向东呈一字形排列(自西向东用1…n编号), ...

  3. Java泛型应用总结

    一.泛型的引入原因 在操作集合的时候,之前方法的定义都是Object类型,向集合中添加对象,都自动向上转型,加入的元素可以是任何类型 但是,在取出元素的时候,通常想要使用对象的特有功能,就必须向下转型 ...

  4. DML、DDL、DCL是什么?

    一.DML DML(data manipulation language)数据操纵语言: 我们经常会用到的 INSERT.DELETE.UPDATE.SELECT语句. 主要用来对数据库的数据进行一些 ...

  5. 【转】代码混淆和apk反编译

    代码混淆 http://blog.csdn.net/vipzjyno1/article/details/21042823 apk反编译 http://blog.csdn.net/vipzjyno1/a ...

  6. ReactNative 调用手机地图(高德、百度)导航 Android

    由于项目需要,鉴于第三方sdk包的体积略大,经过评估论证后,决定采用调起APP以及网页地图的方式来进行导航. 思路: 在需要调用导航的界面通过原生获取当前手机内可用的导航app组装成列表返回到RN待选 ...

  7. HDU 4585 Shaolin(水题,STL)

    Shaolin Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others)Total Sub ...

  8. Make a printer-port EEPROM programmer and dongle

    You can easily use a PC's printer port for serial-EEPROM programming. You can use a device-programme ...

  9. 在w7下的wamp中配置memcache

    php版本是5.4.16 ,我的电脑是w7 64位的. 一. memcache和memcached的区别  在自己的新程序中打算全面应用memcached技术,这个很容易理解这是memcached是内 ...

  10. redis.conf配置解释

    daemonize:如果需要在后台运行,把该项改为yespidfile:配置多个pid的地址,默认在/var/run/redis.pidbind:绑定ip,设置后只接受来自该ip的请求port:监听端 ...