JavaScript小技巧整理
2015-12-30 00:00
696 查看
本文整理总结了JavaScript的小技巧。分享给大家供大家参考,具体如下:
1.组织默认事件
阻止默认事件,h5默认的input type='date'在某些浏览器和android设备上没有效果,这时要调用h5+的时间选择器,但是要组织input默认的click事件,代码如下:
2.判断input type='checkbox' 是否被选中,代码如下
3.获取多个checkbox中被选中的那个的值,代码如下
4.设置checkbox选中
5.获取多张图片中title属性的值
6.ajax提交过程中显示进度图片
希望本文所述对大家JavaScript程序设计有所帮助。
JavaScript 七大技巧(一)
JavaScript 七大技巧(二)
js性能优化技巧
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
分享经典的JavaScript开发技巧
JS截取与分割字符串常用技巧总结
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
浅析JavaScript 调试方法和技巧
快速学习JavaScript的6个思维技巧
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正则表达式解析URL的技巧JavaScript 七大技巧(一)
JavaScript 七大技巧(二)
js性能优化技巧
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
分享经典的JavaScript开发技巧
JS截取与分割字符串常用技巧总结
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
浅析JavaScript 调试方法和技巧
快速学习JavaScript的6个思维技巧
相关文章推荐
- JavaScript阻止回车提交表单的方法
- 基于JavaScript实现手机短信按钮倒计时(超简单)
- JavaScript的对象、this、类和prototype
- seajs 源码 学习心得
- 常用的js校验比较全
- js 中{},[]中括号,大括号的使用
- 【ExtJs】 ExtJs4.2 基本表单组件的使用
- 跟李炎恢老师学习Javascript
- knockoutjs一 关于knockoutjs
- juqery.form.js在提交表单前修改某个值的方法
- jsp页面ckeditor配置
- javascript canvas 实现下雪效果 圣诞节专用
- Javascript Event
- js窗体滚动加载数据事件
- js遍历获取表格内数据方法
- JavaScript高级程序设计第15章(使用Canvas)
- 原生js获取 id name tagName的封装
- JavaScript字符串的操作
- JS之相册拖动管理
- JS之改变盒子颜色