JQuery 表單常見操作

2021-07-02 22:45:27 字數 1229 閱讀 8552

1、 radio的change事件

$(".yhxz").change(function(){

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

alert(selectedvalue);

2、 dom顯示與隱藏

$("#id").show()表示

display:block,

$("#id").hide()表示

display:none;

$("#id").toggle()切換元素的可見狀態。如果元素是可見的,切換為隱藏的;如果元素是隱藏的,切換為可見的。

$("#id").css('display','none');

$("#id").css('display','block');

或$("#id")[0].style.display = 'none';

$("#id")返回的是

jquery

它是個集合肯定沒有display屬性

3、 button的

click事件

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

$("p").slidetoggle();

var wzmc=$("#wzmc").val();//**名稱

alert(wzmc);

4、 submit的提交事件

$('form').submit(function(){

alert($(this).serialize());

return false;

5、 自定義button

的click事件

$("#btnsubmit").live("click",function(){

$(".form1").sumbit();

6、 query的

ajax事件

$.ajax({

url : "userservlet?type=add" ,

type : 'post',

cache : false,/*不快取資料*/

data : $(this).serialize(),

success : function(data) {

//var retinfo = eval(data);

alert(data);

7、 html文字超過一定寬度後顯示…

var title='內容

';

Jquery對表單的常見操作

表單應用 乙個表單有3個基本組成部分 表單標籤 包含處理表單資料應用的伺服器端程式url以及資料提交到後台伺服器的方法 表單域 包含文字框 密碼框 隱藏域 多行文字框 核取方塊 單選框 下拉選擇框和檔案上傳框 表單按鈕 包括提交按鈕 復位按鈕和一般按鈕,用於將資料傳輸到伺服器上或者取消傳送,還可以用...

jQuery常見表單技術

一,常見提交方式 1.submit表單提交 myform submit 2.jquery ajax 方法 通過遠端http get請求從伺服器載入資訊。ajax 傳送到伺服器的資料。將自動轉換為請求字串格式。success function data error function data 3.jq...

jquery表單物件操作

在jquery中這三個函式如果有引數的話就是賦值操作,沒有引數則是取值操作,其中val 是乙個很重要的方法,和它相關的表單物件如 input系的標籤 select textarea等都是用於和伺服器端互動的標籤元素,所以要搞清楚這個val 對於radio checkbox select的賦值操作 如...