Heim  >  Artikel  >  Web-Frontend  >  JavaScript-Tipps organisierte_Javascript-Tipps

JavaScript-Tipps organisierte_Javascript-Tipps

WBOY
WBOYOriginal
2016-05-16 15:22:341263Durchsuche

Dieser Artikel fasst JavaScript-Tipps zusammen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Standardereignisse organisieren

Verhindern Sie, dass das Standard-Eingabeereignis „h5“ auf einige Browser und Android-Geräte wirkt. In diesem Fall muss der Zeitselektor von h5 aufgerufen werden, das Standard-Klickereignis der Eingabe muss jedoch vorhanden sein Der Code lautet wie folgt:

//选择时间
$("#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. Stellen Sie fest, ob der Eingabetyp = „Kontrollkästchen“ ausgewählt ist. Der Code lautet wie folgt:

if (!$("#shopregister #checkaggree").is(":checked")) {
  alert("请同意注册协议");
  return false;
}

3. Rufen Sie den Wert des ausgewählten Kontrollkästchens ab. Der Code lautet wie folgt:

<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.Kontrollkästchen aktiviert setzen

Code kopieren Der Code lautet wie folgt:
$("[name='checkbox']:even"). attr("checked",'true'); //Wenn das nicht funktioniert, verwenden Sie bitte prop

5. Ermitteln Sie den Wert des Titelattributs in mehreren Bildern

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. Fortschrittsbilder während der Ajax-Übermittlung anzeigen

$.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请求失败
});

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn