js经常使用功能代码(持续更新):

1---折叠与展开

  1. <input id="btnDisplay" type="button" class="baocun2" value="加入" onclick="changeDisplay()"
  2. />
  3. <script type="text/javascript">
  4. function changeDisplay() {
  5. var helloDivObj = $("#addressdiv");
  6. var buttonObj = $("#btnDisplay");
  7. var val = buttonObj.attr("value");
  8. if (val == "隐藏") {
  9. helloDivObj.hide();
  10. buttonObj.attr("value", "加入");
  11. } else {
  12. helloDivObj.show();
  13. buttonObj.attr("value", "隐藏");
  14. }
  15. }
  16. </script>

2---多选框点击使文本框可否编辑

  1. <input disabled="disabled" name="telephone" id="tel" class="text" value="123" type="text">
  2. <input id="tellphones" value="123" type="hidden">
  3. <input checked="true" type="checkbox" onclick="mobile(this)">
  4. <label for="mobile_id_flag" style="cursor:pointer">
  5. 与订单中手机号同样
  6. </label>
  7.  
  8. <script type="text/javascript">
  9. function mobile(_this) {
  10. if (_this.checked) {
  11. $("input[id='tel']").val($("#tellphones").val());
  12. $("input[id='tel']").attr("disabled", "disabled");
  13. } else {
  14. $("input[id='tel']").val("");
  15. $("input[id='tel']").removeAttr("disabled");
  16. }
  17. }
  18. </script>

3-- JS响应回车事件

  1. function keydownEvent() {
  2. var e = window.event || arguments.callee.caller.arguments[0];
  3. if (e && e.keyCode == 13 ) {
  4. alert("您按回车键了");
  5. }
  6. }

4-- 验证序号不反复以及不能为空且必须是数字

  1. <s:textfield name="e.order1" id="order1" style="height: 22px;" onBlur="return ajaxcheckonly(this)"
  2. />
  3. <script type="text/javascript">
  4. function ajaxcheckonly(obj) {
  5. var norder = $(obj).val();
  6. var re = /^\d+$/; //推断字符串是否为数字 //推断正整数 /^[1-9]+[0-9]*]*$/
  7. if (!re.test(norder)) {
  8. if (norder == null || norder == "") {
  9. alert("不能为空");
  10. } else {
  11. alert("请输入数字");
  12. $(obj).val("");
  13. }
  14. return false;
  15. }
  16. var yorder = '${e.forder}';
  17. $.ajax({
  18. url: 'manage/bottom!checkonly.action',
  19. data: {
  20. forder: norder,
  21. yorder: yorder
  22. },
  23. type: "post",
  24. dataType: "text",
  25. success: function(data) {
  26. alert(data);
  27. },
  28. error: function() {
  29. alert('ajax报错了');
  30. return false;
  31. }
  32. });
  33. }
  34. </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. bzoj 2154

    收获: 1.当一个东西的取值范围很小时,或者感觉它很麻烦时,就枚举它 2.熟悉mobius函数.euler函数的和函数,以及euler函数用mobius函数的表示. 3.下取整分块理解更深了. /** ...

  2. 25.最小生成树(kruskal算法)

    时间限制: 1 s 空间限制: 128000 KB 题目等级 : 白银 Silver 题解 查看运行结果 题目描述 Description 农民约翰被选为他们镇的镇长!他其中一个竞选承诺就是在镇上建立 ...

  3. GIT 提交步骤

    1.提交 git add .

  4. Current-sense monitor and MOSFET boost output current

    A previous Design Idea describes a programmable current source that used a three-terminal National S ...

  5. Effective JavaScript Item 51 在类数组对象上重用数组方法

    Array.prototype对象上的标准方法被设计为也能够在其他对象上重用 - 即使不是继承自Array的对象. 因此,在JavaScript中存折一些类数组对象(Array-like Object ...

  6. 让linux history命令显示命令的运行时间、在哪个机器运行的这个命令

    1.在/etc/profile的最后加入例如以下部分: USER_IP=`who -u am i 2>/dev/null| awk '{print $NF}'|sed -e 's/[()]//g ...

  7. How to create a Maven web app and deploy to Tomcat - fast

    原文地址: http://www.blogjava.net/sealyu/archive/2010/01/08/308706.html Procedure Prerequisites and Assu ...

  8. 关于Gson在强转时的ClassCastException

    关于Gson的坑人指出: 将list转化为json String beanListToJson = gson.toJson(list, type); 将json还原为list List<T &g ...

  9. Interactive Messager

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  10. ipad2 wifi ios7.x 1.0.1还是无法越狱

    原话: Warning! We have reports that the iPad 2 (wifi) is not yet compatible with the jailbreak and wil ...