JavaScript小技巧整理
本文整理總結(jié)了JavaScript的小技巧。分享給大家供大家參考,具體如下:
1.組織默認(rèn)事件
阻止默認(rèn)事件,h5默認(rèn)的input type='date'在某些瀏覽器和android設(shè)備上沒(méi)有效果,這時(shí)要調(diào)用h5+的時(shí)間選擇器,但是要組織input默認(rèn)的click事件,代碼如下:
//選擇時(shí)間
$("#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:"請(qǐng)選擇到期時(shí)間",minDate:new Date()});
});
2.判斷input type='checkbox' 是否被選中,代碼如下
if (!$("#shopregister #checkaggree").is(":checked")) {
alert("請(qǐng)同意注冊(cè)協(xié)議");
return false;
}
3.獲取多個(gè)checkbox中被選中的那個(gè)的值,代碼如下
<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提交過(guò)程中顯示進(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請(qǐng)求失敗
});
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS Array.slice 截取數(shù)組的實(shí)現(xiàn)方法
這篇文章主要介紹了JS Array.slice 截取數(shù)組的實(shí)現(xiàn)方法,因?yàn)槲覀冃枰刂埔幌麻L(zhǎng)度,需要的朋友可以參考下2016-01-01
JavaScript鍵盤(pán)事件常見(jiàn)用法實(shí)例分析
這篇文章主要介紹了JavaScript鍵盤(pán)事件常見(jiàn)用法,簡(jiǎn)單描述了javascript鍵盤(pán)事件的分類、功能,并結(jié)合實(shí)例形式給出了javascript響應(yīng)鍵盤(pán)事件相關(guān)使用技巧,需要的朋友可以參考下2019-01-01
基于JS快速實(shí)現(xiàn)導(dǎo)航下拉菜單動(dòng)畫(huà)效果附源碼下載
這是一個(gè)帶變形動(dòng)畫(huà)特效的下拉導(dǎo)航菜單特效。該導(dǎo)航菜單在菜單項(xiàng)之間切換時(shí),下拉菜單會(huì)快速的根據(jù)菜單內(nèi)容的大小來(lái)動(dòng)態(tài)變形,顯示合適的下拉菜單大小,效果非常棒,對(duì)導(dǎo)航下拉菜單效果感興趣的朋友一起通過(guò)本文學(xué)習(xí)吧2016-10-10
JavaScript數(shù)組reduce()方法使用實(shí)例詳解
reduce是數(shù)組原型對(duì)象上的一個(gè)方法,可以幫助我們操作數(shù)組。本文將和大家分享4個(gè)關(guān)于JavaScript中數(shù)組reduce的用法,希望對(duì)大家有所幫助2022-07-07
詳解關(guān)閉令人抓狂的ESlint 語(yǔ)法檢測(cè)配置方法
這篇文章主要介紹了詳解關(guān)閉令人抓狂的ESlint 語(yǔ)法檢測(cè)配置方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
DB.ASP 用Javascript寫(xiě)ASP很靈活很好用很easy
DB.ASP 用Javascript寫(xiě)ASP很靈活很好用很easy,喜歡用js寫(xiě)asp的朋友可以參考下。2011-07-07
JavaScript實(shí)現(xiàn)文件的拖拽上傳功能
文件上傳,可以說(shuō)是我們?cè)陧?xiàng)目中最常用的功能之一,文件上傳一般有兩種形式:點(diǎn)擊上傳和拖拽上傳,而上傳的內(nèi)容,又大體包括:文件和文件夾,本文給大家介紹了JavaScript實(shí)現(xiàn)文件的拖拽上傳功能的方法,需要的朋友可以參考下2024-02-02
JavaScript中數(shù)組flat方法的使用與實(shí)現(xiàn)方法
在Array的顯示原型下有一個(gè)flat方法,可以將多維數(shù)組,降維,傳的參數(shù)是多少就降多少維,下面這篇文章主要給大家介紹了關(guān)于JavaScript中數(shù)組flat方法的使用與實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2022-08-08
用JavaScript實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了用JavaScript實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08
javascript中導(dǎo)出與導(dǎo)入實(shí)現(xiàn)模塊化管理教程
這篇文章主要給大家介紹了關(guān)于javascript中導(dǎo)出與導(dǎo)入實(shí)現(xiàn)模塊化管理的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12

