JavaScript小技巧整理
编程学习 2021-07-04 21:04www.dzhlxh.cn编程入门
这篇文章主要介绍了JavaScript小技巧,整理汇总了JavaScript常用的6个实用技巧,属于JavaScript边角技巧的总结,需要的朋友可以参考下
本文整理总结了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程序设计有所帮助。