JavaScript小技巧整理
本文整理總結(jié)了JavaScript的小技巧。分享給大家供大家參考,具體如下:
1.組織默認(rèn)事件
阻止默認(rèn)事件,h5默認(rèn)的input type='date'在某些瀏覽器和android設(shè)備上沒有效果,這時要調(diào)用h5+的時間選擇器,但是要組織input默認(rèn)的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("請同意注冊協(xié)議"); 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.設(shè)置checkbox選中
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提交過程中顯示進(jìn)度圖片
$.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) { //服務(wù)端成功 } else { //服務(wù)端失敗 } }).fail(function () { //ajax請求失敗 });
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
JS Array.slice 截取數(shù)組的實現(xiàn)方法
這篇文章主要介紹了JS Array.slice 截取數(shù)組的實現(xiàn)方法,因為我們需要控制一下長度,需要的朋友可以參考下2016-01-01基于JS快速實現(xiàn)導(dǎo)航下拉菜單動畫效果附源碼下載
這是一個帶變形動畫特效的下拉導(dǎo)航菜單特效。該導(dǎo)航菜單在菜單項之間切換時,下拉菜單會快速的根據(jù)菜單內(nèi)容的大小來動態(tài)變形,顯示合適的下拉菜單大小,效果非常棒,對導(dǎo)航下拉菜單效果感興趣的朋友一起通過本文學(xué)習(xí)吧2016-10-10JavaScript數(shù)組reduce()方法使用實例詳解
reduce是數(shù)組原型對象上的一個方法,可以幫助我們操作數(shù)組。本文將和大家分享4個關(guān)于JavaScript中數(shù)組reduce的用法,希望對大家有所幫助2022-07-07詳解關(guān)閉令人抓狂的ESlint 語法檢測配置方法
這篇文章主要介紹了詳解關(guān)閉令人抓狂的ESlint 語法檢測配置方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10DB.ASP 用Javascript寫ASP很靈活很好用很easy
DB.ASP 用Javascript寫ASP很靈活很好用很easy,喜歡用js寫asp的朋友可以參考下。2011-07-07JavaScript中數(shù)組flat方法的使用與實現(xiàn)方法
在Array的顯示原型下有一個flat方法,可以將多維數(shù)組,降維,傳的參數(shù)是多少就降多少維,下面這篇文章主要給大家介紹了關(guān)于JavaScript中數(shù)組flat方法的使用與實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2022-08-08用JavaScript實現(xiàn)簡單網(wǎng)頁時鐘
這篇文章主要為大家詳細(xì)介紹了用JavaScript實現(xiàn)簡單網(wǎng)頁時鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08javascript中導(dǎo)出與導(dǎo)入實現(xiàn)模塊化管理教程
這篇文章主要給大家介紹了關(guān)于javascript中導(dǎo)出與導(dǎo)入實現(xiàn)模塊化管理的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12