JavaScript 팁 organization_javascript 팁

이 문서에는 JavaScript 팁이 요약되어 있습니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

1. 기본 이벤트 구성

기본 이벤트를 방지합니다. h5의 기본 입력 유형='날짜'는 일부 브라우저 및 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. 입력 유형='체크박스'가 선택되어 있는지 확인합니다. 코드는 다음과 같습니다

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("checked",'true'); //작동하지 않으면 prop

을 사용하세요.

5. 여러 사진의 제목 속성 값을 가져옵니다

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 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.