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程序设计有所帮助。