JavaScript小技巧整理
本文整理总结了JavaScript的小技巧。分享给大家供大家参考,具体如下:
1.组织默认事件
阻止默认事件,h5默认的inputtype='date'在某些浏览器和android设备上没有效果,这时要调用h5+的时间选择器,但是要组织input默认的click事件,代码如下:
//选择时间
$("#end_time").on("click",function(event){
event.preventDefault();
plus.nativeUI.pickDate(function(e){
vard=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:newDate()});
});
2.判断inputtype='checkbox'是否被选中,代码如下
if(!$("#shopregister#checkaggree").is(":checked")){
alert("请同意注册协议");
returnfalse;
}
3.获取多个checkbox中被选中的那个的值,代码如下
<inputname='is_refund'id='refund_1'type='radio'value='1'/>
<inputname='is_refund'id='refund_0'checked='checked'type='radio'value='0'/>
$("#shopregisterinput[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程序设计有所帮助。