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 相关文章推荐
javascript下判断一个对象是否具有指定名称的属性的的代码
Jan 11 Javascript
js setTimeout 参数传递使用介绍
Aug 13 Javascript
详解javascript跨浏览器事件处理程序
Mar 27 Javascript
12个非常实用的JavaScript小技巧【推荐】
May 18 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
Dec 14 Javascript
js实现消息滚动效果
Jan 18 Javascript
关于javascript sort()排序你可能忽略的一点理解
Jul 18 Javascript
强大的JavaScript响应式图表Chartist.js的使用
Sep 13 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
Apr 19 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 Javascript
vue更改数组中的值实例代码详解
Feb 07 Javascript
你不知道的 TypeScript 高级类型(小结)
Aug 28 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
全国FM电台频率大全 - 25 云南省
2020/03/11 无线电
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
几个实用的PHP内置函数使用指南
2014/11/27 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
PHP面向对象程序设计__tostring()和__invoke()用法分析
2019/06/12 PHP
JavaScript控制两个列表框listbox左右交换数据的方法
2015/03/18 Javascript
深入解读JavaScript中的Iterator和for-of循环
2015/07/28 Javascript
详谈JavaScript的闭包及应用
2017/01/17 Javascript
js原生Ajax的封装和原理详解
2017/03/11 Javascript
js实现图片轮播效果学习笔记
2017/07/26 Javascript
浅谈angular2 组件的生命周期钩子
2017/08/12 Javascript
jQuery Validate插件ajax方式验证输入值的实例
2017/12/21 jQuery
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
2018/04/20 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
Angular Excel 导入与导出的实现代码
2019/04/17 Javascript
实现elementUI表单的全局验证的方法步骤
2019/04/29 Javascript
通过实例学习React中事件节流防抖
2019/06/17 Javascript
layui-select动态选中值的例子
2019/09/23 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
Python面向对象之类的内置attr属性示例
2018/12/14 Python
Python 获取指定文件夹下的目录和文件的实现
2019/08/30 Python
基于Python执行dos命令并获取输出的结果
2019/12/30 Python
用canvas实现图片滤镜效果附演示
2013/11/05 HTML / CSS
墨西哥运动服饰和鞋网上商店:Netshoes墨西哥
2016/07/28 全球购物
Troy-Bilt官网:草坪割草机、吹雪机、分蘖机等
2019/02/19 全球购物
英国标准协会商店:BSI Shop
2019/02/25 全球购物
香港中原电器网上商店:Chung Yuen
2019/06/26 全球购物
旅游管理专业个人求职信范文
2013/12/24 职场文书
小学母亲节活动方案
2014/03/14 职场文书
高一军训决心书
2015/02/05 职场文书
525心理健康活动总结
2015/05/08 职场文书
初一语文教学反思
2016/03/03 职场文书
Python合并pdf文件的工具
2021/07/01 Python