JavaScript小技巧整理


Posted in Javascript onDecember 30, 2015

本文整理总结了JavaScript的小技巧。分享给大家供大家参考,具体如下:

1.组织默认事件

阻止默认事件,h5默认的input type='date'在某些浏览器和android设备上没有效果,这时要调用h5+的时间选择器,但是要组织input默认的click事件,代码如下:

//选择时间
$("#end_time").on("click",function(event){
  event.preventDefault();
  plus.nativeUI.pickDate( function(e){
   var d = e.date;
//   console.log(d.Format('yyyy-MM-dd'));
   $("#end_time").val(d.Format('yyyy-MM-dd'));
  },function(e){
   console.log( "未选择日期:"+e.message );
  },{title:"请选择到期时间",minDate:new Date()}); 
});

2.判断input type='checkbox' 是否被选中,代码如下

if (!$("#shopregister #checkaggree").is(":checked")) {
  alert("请同意注册协议");
  return false;
}

3.获取多个checkbox中被选中的那个的值,代码如下

<input name='is_refund' id='refund_1' type='radio' value='1' />
<input name='is_refund' id='refund_0' checked='checked' type='radio' value='0' />
$("#shopregister input[name='is_refund']:checked").val();

4.设置checkbox选中

$("[name='checkbox']:even").attr("checked",'true'); //如果这货不管用请用prop

5.获取多张图片中title属性的值

user.id_pic1 = $($("#shopregister .id_pic")[0]).attr("title");
user.id_pic2 = $($("#shopregister .id_pic")[1]).attr("title");
user.id_pic3 = $($("#shopregister .id_pic")[2]).attr("title");

6.ajax提交过程中显示进度图片

$.ajax({
  type: 'POST',
  url: configManager.RequstUrl + "/api/user/createstore",
  data: postdata,
  beforeSend:function(){ $("#waitingupload").removeClass("heisebghid").addClass("heisebg");}
}).done(function (data) {
  $("#waitingupload").removeClass("heisebg").addClass("heisebghid");
  if ("success" == data.state) {
   //服务端成功
  }
  else {
   //服务端失败
  }
}).fail(function () {
  //ajax请求失败
});

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js substr、substring和slice使用说明小记
Sep 15 Javascript
datagrid框架的删除添加与修改
Apr 08 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
微信小程序签到功能
Oct 31 Javascript
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
Nov 02 Javascript
微信小程序获取用户openid的实现
Dec 24 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
Apr 25 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
Feb 17 Javascript
Javascript实现秒表计时游戏
May 27 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
May 27 Javascript
js 数据类型判断的方法
Dec 03 Javascript
jQuery拖动元素并对元素进行重新排序
Dec 30 #Javascript
jQuery给元素添加样式的方法详解
Dec 30 #Javascript
Underscore源码分析
Dec 30 #Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
Dec 30 #Javascript
javascript实现禁止复制网页内容汇总
Dec 30 #Javascript
jquery实现树形菜单完整代码
Dec 29 #Javascript
javascript设置页面背景色及背景图片的方法
Dec 29 #Javascript
You might like
php checkdate、getdate等日期时间函数操作详解
2010/03/11 PHP
PHPwind整合最土系统用户同步登录实现方法
2010/12/08 PHP
解析php通过cookies获取远程网页的指定代码
2013/06/25 PHP
PHP实现的sqlite数据库连接类
2014/12/12 PHP
php解析xml 的四种简单方法(附实例)
2016/07/11 PHP
2007/12/23更新创意无限,简单实用(javascript log)
2007/12/24 Javascript
js用图作提交按钮或超连接
2008/03/26 Javascript
javascript 多种搜索引擎集成的页面实现代码
2010/01/02 Javascript
一些javascript一些题目的解析
2010/12/25 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
给应用部分的js代码设定一个统一的入口
2014/06/15 Javascript
node.js中的fs.openSync方法使用说明
2014/12/17 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
2017/05/26 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
2018/05/21 jQuery
js实现图片上传并预览功能
2018/08/06 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
JavaScript内置对象math,global功能与用法实例分析
2019/06/10 Javascript
小程序表单认证布局及验证详解
2020/06/19 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
2020/07/15 Javascript
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
python中类的一些方法分析
2014/09/25 Python
python实现的汉诺塔算法示例
2019/10/23 Python
pip安装tensorflow的坑的解决
2020/04/19 Python
Python基于模块Paramiko实现SSHv2协议
2020/04/28 Python
html5/css3响应式页面开发总结
2018/10/16 HTML / CSS
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
Keds官方网站:购买帆布运动鞋和经典皮鞋
2016/11/12 全球购物
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
运动会通讯稿300字
2014/02/02 职场文书
法律进企业活动方案
2014/03/04 职场文书
机关作风整顿个人整改措施2014
2014/09/17 职场文书
初三学生语文考试作弊检讨书
2014/12/14 职场文书
2016干部作风整顿心得体会
2016/01/22 职场文书
MySQL查询学习之基础查询操作
2021/05/08 MySQL
如何利用golang运用mysql数据库
2022/03/13 Golang