jquery怎么取from表單的值

string cssUrl = Page.ClientScript.GetWebResourceUrl(this.GetType(), "HelloWorld.SH.css");

創新互聯建站主要從事成都網站設計、網站建設、網頁設計、企業做網站、公司建網站等業務。立足成都服務昌江,10年網站建設經驗,價格優惠、服務專業,歡迎來電咨詢建站服務:18980820575

HtmlLink cssLink = new HtmlLink();

cssLink.Href = cssUrl;

cssLink.Attributes.Add("rel", "stylesheet");

cssLink.Attributes.Add("type", "text/css");

this.Page.Header.Controls.Add(cssLink);

this.CssClass = "divHW";

string jsUrl = Page.ClientScript.GetWebResourceUrl(this.GetType(), "HelloWorld.SH.js");

Page.ClientScript.RegisterClientScriptInclude("SH", jsUrl);

jquery怎么獲取表單所有數據

獲取值：

文本框，文本區域：$("#txt").attr("value")；

多選框checkbox：$("#checkbox_id").attr("value")；

單選組radio： $("input[@type=radio][@checked]").val();

下拉框select： $('#sel').val();

控制表單元素：

文本框，文本區域：$("#txt").attr("value",'');//清空內容

$("#txt").attr("value",'11');//填充內容

多選框checkbox： $("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

單選組radio： $("input[@type=radio]").attr("checked",'2');//設置value=2的項目為當前選中項

下拉框select： $("#sel").attr("value",'-sel3');//設置value=-sel3的項目為當前選中項

$("option value='1'1111/optionoption value='2'2222/option").appendTo("#sel")//添加下拉框的option

$("#sel").empty()；//清空下拉框.

jquery怎么append到form表單

捕捉鏈接的點擊事件

$('#btn').click(function(){

// 取得要提交的參數

var my_val = $.trim($('#ipt').val());

// 取得要提交頁面的URL

var action = $(this).attr('href');

// 創建Form

var form = $('form/form');

// 設置屬性

form.attr('action', action);

form.attr('method', 'post');

// form的target屬性決定form在哪個頁面提交

// _self - 當前頁面 _blank - 新頁面

form.attr('target', '_self');

// 創建Input

var my_input = $('input type="text" name="my_name" /');

my_input.attr('value', my_val);

// 附加到Form

form.append(my_input);

// 提交表單

form.submit();

// 注意return false取消鏈接的默認動作

return false;

});

如何使用Jquery獲取Form表單中被選中的radio值

jquery獲取被選中的radio的值方法是輪循checked屬性：

完整例子如下：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titleJQuery radio/title

script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" /script

script type="text/javascript" language="javascript"

/*------判斷radio是否有選中，獲取選中的值--------*/

$(function(){

$("#btnSubmit").click(function(){

var val=$('input:radio[name="sex"]:checked').val();

if(val==null){

alert("什么也沒選中!");

return false;

}

else{

alert(val);

}

var list= $('input:radio[name="list"]:checked').val();

if(list==null){

alert("請選中一個!");

return false;

}

else{

alert(list);

}

});

});

/script

/head

body

form id="form1"

input type="radio" name="sex" value="男" /男

input type="radio" name="sex" value="女" /女

br /

input type="radio" name="list" value="十分滿意" /十分滿意

input type="radio" name="list" value="滿意" /滿意

input type="radio" name="list" value="不滿意" /不滿意

input type="radio" name="list" value="非常差" /非常差

br /

input type="submit" value="submit" id="btnSubmit" /

/form

/body

/html

jquery怎么取得form表單的url路徑，并提交

獲得form的url簡單的方法：$('form').attr('action')

表單提交簡單方法：$('form').submit();

如果有多個表單，請更換選擇器，以便找到你所想控制的表單。

以ajax方式提交可以使用ajaxForm方法。

如何用jqueryajax請求form表單

第一步：引用js

!--這里的min是自己用js壓縮工具對完整版進行的壓縮

并不是真正的min，所以好使--

script?type="text/javascript"?src="js/jquery-1.7.min.js"/script

script?type="text/javascript"?src="js/jquery.form.js"/script

第二步：頁面寫form

form?id="showDataForm"?

action="/024pm/f_shopUser.do?method=login"?method="post"

input?type="text"?value=""?name="name"?maxlength="2"/

input?type="password"?value=""?name="password"?maxlength="2"/

input?type="submit"?value="提交"/

/form

div?id="output1"?

style="width:1000px;height:200px;"

/div

第三步：寫js調用jquery.form.js，對form表單進行ajax提交

$(document).ready(function()?{

var?options?=?{

target:?'#output1',

//?從服務傳過來的數據顯示在這個div內部

也就是ajax局部刷新

beforeSubmit:?showRequest,

//?ajax提交之前的處理

success:??showResponse

//?處理之后的處理

};

$('#showDataForm').submit(function()?{

$(this).ajaxSubmit(options);

return?false;?

//非常重要，如果是false，則表明是不跳轉

//在本頁上處理，也就是ajax，如果是非false，則傳統的form跳轉。

});

});

function?showResponse(responseText,?statusText,?xhr,?$form)?{

alert(xhr.responseText+"=="+$form.attr("method")+'status:?'?+?

statusText?+?'\n\nresponseText:?\n'?+?responseText);

//xhr：說明你可以用ajax來自己再次發出請求

//$form：是那個form對象，是一個jquery對象

//statusText：狀態，成功則為success

//responseText，服務器返回的是字符串（當然包括html，不包括json）

}

function?showRequest(formData,?jqForm,?options)?{

//formData是數組，就是各個input的鍵值map數組

//通過這個方法來進行處理出來拼湊出來字符串。

//formData：拼湊出來的form字符串，比如name=herapassword，

//其實就是各個表單中的input的鍵值對，

//如果加上method=XXXX，那也就是相當于ajax內的data。

var?queryString?=?$.param(formData);

alert(queryString+"======"+formData.length);

for?(var?i=0;?i??formData.length;?i++)?{

alert(formData[i].value+"==============="+formData[i].name);

}

//jqForm，jquery?form對象

var?formElement?=?jqForm[0];

alert($(formElement).attr("method"));

alert($(jqForm[0].name).attr("maxlength"));

//非常重要，返回true則說明在提交ajax之前你驗證

//成功，則提交ajax?form

//如果驗證不成功，則返回非true，不提交

return?true;

}

options對象內的值有哪些？

var?options?=?{

target:?'#output1',?

data:{param1:"我自己的第一個額外的參數"},

//這個參數是指通過ajax來給服務器提交除了form內部input的參數

//在后臺中使用String?param1=req.getParameter("param1");獲取。

//?dataType:?null,

dataType:'json',

//這個參數值的是服務器返回的數據類型，默認的是null

//也就是服務器可以默認返回字符串，然后將這些字符串放在target內部

//當然還有json、xml，其中最常用的便是null和json

//對于span?style="color:?#333333;"a?href=""?target="_blank"span?style="color:?#333333;"json/span/a/span的使用，我們會稍后講解到

beforeSubmit:?showRequest,

success:??successRes，

type：'POST'

//提交方式，默認是自己在form標簽上指定的method

//如果沒有指定，則使用get。

url：''

//重新提交的url，即url可以在form中配置

//也可以在這里配置。

};