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程式設計有所協助。