jQuery對from表單元素的操作

2021-09-30 09:49:19 字數 2012 閱讀 1161

最近接觸jquery比較多。其對form的操作跟js還是一定區別的。總之jquery功能強大,值得一學。

//取得下拉列表的選取值

$(#testselect option:selected'').text();

或$("#testselect").find(''option:selected'').text();

或$("#testselect").val();

//記 性不好的可以收藏下:

1,下拉框:

稍微解釋一下:

1.select[@name=''country''] option[@selected] 表示具有name 屬性,

並 且該屬性值為''country'' 的select元素 裡面的具有selected 屬性的option 元素;

可以看出有@開頭的就表示後 面跟的是屬性。

2,單選框:

$("input[@type=radio][@checked]").val(); //得到單選框的選中項的值(注意中間沒有空格)

$("input[@type=radio][@value=2]").attr("checked",''checked''); //設定單選框value=2的為選中狀態.(注意中間沒有空格)

3,核取方塊:

$("input[@type=checkbox][@checked]").val(); //得到核取方塊的選中的第一項的值

$("input[@type=checkbox][@checked]").each(function() );

$("#chk1").attr("checked",'''');//不打勾

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

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

當然jquery的選擇器是強大的. 還有很多方法.

aaass 11

2233

4455

66獲取一組radio被選中項的值

var item = $(''input[@name=items][@checked]'').val();

獲取select被選中項的文字

var item = $("select[@name=items] option[@selected]").text();

select下拉框的第 二個元素為當前選中值

$(''#select_id'')[0].selectedindex = 1;

radio單選組的第二個元素為 當前選中值

$(''input[@name=items]'').get(1).checked = true;

獲取值:

文字 框,文字區域:$("#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的專案為當前選中項

$("1111

來自:

html

jQuery選取表單元素

表單元素選擇器 選擇器 說明 button 元素和type屬性值為button的元素。checkbox type屬性值為checkbox的元素。使用 type checkbox 能獲得更高的效能。checked 選中的單選按鈕和核取方塊元素。disabled 所有被禁用的元素。enabled 所有被...

jQuery 處理元素內容 表單元素

處理元素內容 1 text方法 使用說明 1 不傳引數 得到jquery物件內所有元素及其後代元素的文字內容 2 傳入用於設定匹配元素的文字內容 3 傳入function 使用函式來設定jquery物件中每個元素的文字 兩個引數 第乙個表示當前元素序號,第二個引數表示當前元素的文字 函式內部this...

Jquery獲取表單元素值 控制表單元素總結

function get form value 控制表單元素 文字框,文字區域 text id attr value 清空內容 text id attr value test 填充內容 多選框checkbox chk id attr checked 未選中的值 input type checkbox...