JavaScript小技巧整理，javascript小技巧

JavaScript小技巧整理，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程式設計有所協助。

您可能感興趣的文章:

• JavaScriptRegex解析URL的技巧
• JavaScript 七大技巧（一）
• JavaScript 七大技巧(二)
• js效能最佳化技巧
• JS數組排序技巧匯總(冒泡、sort、快速、希爾等排序)
• 分享經典的JavaScript開發技巧
• JS截取與分割字串常用技巧總結
• JavaScript如何調試有哪些建議和技巧附五款有用的調試工具
• 淺析JavaScript 調試方法和技巧
• 快速學習JavaScript的6個思維技巧