本文整理總結了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程序設計有所幫助。