A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 编程开发 > 网站开发 > JavaScript小技巧整理

JavaScript小技巧整理

时间:2015-12-31 11:39作者:fang人气:64

本文整理总结了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,技巧,整理,本文,整理,结了,Java

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号