JavaScript小技巧整理
更新時間:2015年12月30日 10:32:02 作者:nd
這篇文章主要介紹了JavaScript小技巧,整理匯總了JavaScript常用的6個實用技巧,屬于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程序設計有所幫助。
相關文章
DB.ASP 用Javascript寫ASP很靈活很好用很easy
DB.ASP 用Javascript寫ASP很靈活很好用很easy,喜歡用js寫asp的朋友可以參考下。2011-07-07

