JavaScript のヒント Organized_JavaScript のヒント

この記事は JavaScript のヒントをまとめたものです。参考のために皆さんと共有してください。詳細は次のとおりです:

1. デフォルトのイベントを整理します

デフォルトのイベントを防止します。h5 のデフォルトの input type='date' は一部のブラウザーと Android デバイスに影響しません。この場合、h5+ の時間セレクターを呼び出す必要がありますが、入力のデフォルトのクリック イベントを呼び出す必要があります。コードは次のとおりです。

//选择时间
$("#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. 複数のチェックボックスから選択した値を取得します。コードは次のとおりです

<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.チェックボックスを選択した状態に設定します

コードをコピーします コードは次のとおりです:

$("[name='checkbox']:even")。 attr(" selected",'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 プログラミングのすべての人に役立つことを願っています。