>  기사  >  웹 프론트엔드  >  jQuery 양식 작성 예제 공유

jQuery 양식 작성 예제 공유

小云云
小云云원래의
2017-12-30 14:47:431282검색

이 기사에서는 주로 jQuery를 기반으로 한 양식 채우기의 예를 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

는 다음과 같습니다.


//表单填充
  , formDataLoad: function (domId, obj) {
   for (var property in obj) {
    if (obj.hasOwnProperty(property) == true) {
     if ($("#" + domId + " [name='" + property + "']").size() > 0) {
      $("#" + domId + " [name='" + property + "']").each(function () {
       var dom = this;
       if ($(dom).attr("type") == "radio") {
        $(dom).filter("[value='" + obj[property] + "']").attr("checked", true);
       }
       if ($(dom).attr("type") == "checkbox") {
        obj[property] == true ? $(dom).attr("checked", "checked") : $(dom).attr("checked", "checked").removeAttr("checked");
       }
       if ($(dom).attr("type") == "text" || $(dom).prop("tagName") == "SELECT" || $(dom).attr("type") == "hidden" || $(dom).attr("type") == "textarea") {
        $(dom).val(obj[property]);
       }
       if ($(dom).prop("tagName") == "TEXTAREA") {
        $(dom).val(obj[property]);
       }
      });
     }
    }
   }
  }

관련 권장 사항:

jQuery 양식 객체 속성 필터 선택기의 자세한 예

jQuery의 양식 유효성 검사 기능에 대한 자세한 설명 예

상세 예제가 포함된 jQuery 설명 양식 사용자 이름 및 비밀번호 자동 완성 기능 비활성화

위 내용은 jQuery 양식 작성 예제 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.