//js將表單序列化成對象 $.fn.serializeObject = function () {var $els = $(this).find("[name]");var formData = {};var len = $els.length;for (var i = 0; i < len; i ) {var $item = $($els[i]);var name = $item.attr("name");var type = $item.attr("type");if (type == "checkbox") {formData[name] = $item.is(':checked');}else{formData[name] = $item.val();}}return formData; };/*根據name給子元素的Text賦值*/ $.fn.SetChildsText = function (model) {var el = this.find("[name]");var elCount = el.length;if (elCount > 0) {for (var i = 0; i < elCount; i ) {$itemEl = $(el[i]);var name = $itemEl.attr("name");var formatterFun = $itemEl.attr("data-formatter");var value = model[name];if (value != null) {if (typeof (window[formatterFun]) == "function") {value = window[formatterFun](value);}$itemEl.text(value);}else {$itemEl.text("");}}} };/*獲取查詢參數*/ function GetQueryString(name) {var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if (r != null) return unescape(r[2]); return null; }/*** 綁定下拉框* @param {any} selId:下拉框Id* @param {any} url* @param {any} idField* @param {any} valueField* @param {any} initValue:初始值*/ function BindSelect(selId, url, idField, valueField, initValue) {$.get(url, function (data) {var len = data.length;var selItems = [];for (var i = 0; i < len; i ) {selItems.push('<option value="' data[i][idField] '">' data[i][valueField] '</option>');}$("#" selId).append(selItems);if (initValue) {$("#" selId).val(initValue);}}); }/*表單賦值*/ function FormLoad(formId, data) {var $form = $("#" formId);$.each(data, function (name, ival) {var $oinput = $form.find("input[name=" name "]");if ($oinput.attr("type") == "radio" || $oinput.attr("type") == "checkbox") {$oinput.each(function () {if (Object.prototype.toString.apply(ival) == '[object Array]') {// 是復選框，并且是數組for (var i = 0; i < ival.length; i ) {if ($(this).val() == ival[i])$(this).attr("checked", "checked");}} else {if ($(this).val() == ival)$(this).attr("checked", "checked");}});} else if ($oinput.attr("type") == "textarea") {// 多行文本框$form.find("[name=" name "]").html(ival);} else {$form.find("[name=" name "]").val(ival);}}); }

?

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的jquery常用表单操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。