基于jQuery的表單填充實例

更新時間：2017年08月22日 08:43:02 投稿：jingxian

下面小編就為大家?guī)硪黄趈Query的表單填充實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

如下所示：

//表單填充
  , 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的表單填充實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

jQuery自動添加表單項的方法

相關(guān)文章

查看源碼的工具學(xué)習(xí)jQuery源碼不錯的工具
jQuery是一個非常好用的javascript框架，我尤其喜歡它強大的選擇器和鏈?zhǔn)奖磉_(dá)式，使得我們能通過簡單的語句實現(xiàn)復(fù)雜的功能。它還有一個重要的特點就是它的可擴展性，使得很多人都可以開發(fā)他們的插件并且分享出來
2011-12-12
jQuery實現(xiàn)元素的插入
本文主要介紹了jQuery實現(xiàn)元素的插入--insertBefore（）和insertAfter（）方法，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
JQuery PHP圖片在線裁剪實例
這篇文章主要為大家詳細(xì)介紹了JQuery+PHP圖片在線裁剪實例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
精通Javascript+jQuery 視頻教程在線觀看
前沿視頻出的《精通Javascript+jQuery》視頻教程,挺不錯的,值得看看。
2009-08-08
Struts2的s:radio標(biāo)簽使用及用jquery添加change事件
用到Struts2的s:radio標(biāo)簽時想給它添加一個change事件，由于此標(biāo)簽為頁面自動生成一個radio組，不可以像正常那樣控制，于是想到用jquery來實現(xiàn)
2013-04-04
解決自定義$(id)的方法與jquery選擇器$沖突的問題
最近網(wǎng)站改版，原來的js都是原生js，因為當(dāng)前比較jquery而且他的組件也比較多，使用方便，所以我們也采用了jquery但跟原來的$(id)沖突，經(jīng)過網(wǎng)絡(luò)很多人的推薦我們選擇了這個方法
2014-06-06
BootStrap網(wǎng)頁中代碼顯示<code><pre>用法詳解
網(wǎng)頁中代碼的顯示，包括行中代碼顯示；成段的代碼顯示.本文給大家介紹bootstrap網(wǎng)頁中代碼顯示<code><pre>用法詳解，感興趣的朋友一起看看吧
2016-10-10
基于jquery實現(xiàn)的tab選項卡功能示例【附源碼下載】
這篇文章主要介紹了基于jquery實現(xiàn)的tab選項卡功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,并附帶源碼下載,需要的朋友可以參考下
2019-06-06
jQuery獲取父元素及父節(jié)點的方法小結(jié)
這篇文章主要介紹了jQuery獲取父元素及父節(jié)點的方法,結(jié)合實例形式總結(jié)分析了jQuery針對父元素及父節(jié)點操作的常用技巧,需要的朋友可以參考下
2016-04-04
用jquery實現(xiàn)的模擬QQ郵箱里的收件人選取及其他效果(一)
今天要說的是用jquery的語法和組件dialog及Autocomplete來制作QQ郵箱的發(fā)件人操作功能，認(rèn)為這個太過簡單的可以離開了。
2011-01-01