jquery 獲取表單元素裡面的值

2021-06-17 16:44:07 字數 3045 閱讀 3686

jquery 筆記:

$(「input[name='radio_name']:checked」).val()12

3網上的東西太亂了,而且jquery不同版本可能寫法不太一樣,經過搜尋和做實驗,下面寫的是jquery 1.3.2版本下的

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關

設定:

獲取一組radio被選中項的值:var item = $(』input[name=items][checked]『).val();

獲取select被選中項的文字

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

獲取select被選中項的文字 :var item = $(」select[name=items] option[selected]「).text(); 或

$(」select[name=items]「).find(」option:selected」).text();

select下拉框的第二個元素為當前選中值:$(』#select_id』)[0].selectedindex = 1;

select下拉框value = 『val』的元素為當前選中項:$(」select[name=items] option[value='val']「).attr(」selected」,」selected」);

radio單選組的第二個元素為當前選中項 :$(』input[@name=items]『).get(1).checked = true; 或$(』input[name=items]『).attr(」checked」,1′);

radio的value = 『val』的元素為當前選中項:$(』input[name=items][value='val']『).attr(」checked」,」checked」);

獲取值:

文字框,文字區域:$(」#txt」).attr(」value」);

多選框checkbox:$(」input[name='checkbox':checked]「).each(function());

單選組radio: $(」input[type=radio][checked]「).val();

下拉框select的value值: $(』select』).val();

下拉框select選中的text值:$(」select」).find(」option:selected」).text();

控制表單元素:

文字框,文字區域:$(」#txt」).attr(」value」,」); //清空內容

$(」#txt」).attr(」value」,』11′); //填充內容

多選框checkbox:

checkbox的第二個元素被打勾:$(」input[name=items]「).get(1).checked = true; //打勾

$(」input[name=items]「).get(1).checked = false; //不打勾

checkbox的value=』val』的元素前打勾:$(」input[name=item][value='val']「).attr(」checked」,true);或$(」input[name=item][value='val']「).attr(」checked」,」checked」);

if($(」input[name=item][value='val']「).attr(』checked』)==true) //判斷是否已經打勾

單選組radio: $(」input[type=radio]「).attr(」checked」,』2′);//設定value=2的專案為當前選中項

下拉框select: $(」#sel」).attr(」value」,』-sel3′);//設定value=-sel3的專案為當前選中項

$(」1111

$(」#sel」).empty();//清空下拉框

jquery獲取radio選擇的value值

$("#text_id").focus(function()); //事件 當物件text_id獲取焦點時觸發

$("#text_id").blur(function()); //事件 當物件text_id失去焦點時觸發

$("#text_id").select(); //使文字框的vlaue值成選中狀態

$("input[name='radio_name'][value='要選中radio的value值'").

attr("checked",true); //根據value值設定radio為選中狀態

jquery獲取checkbox選擇的value值

$("input[name='checkbox_name'][checked]"); //選擇被選中checkbox元素的集合 如果你想得到

value值你需要遍歷這個集合

$($("input[name='checkbox_name'][checked]")).

each(function());//遍歷被選中checkbox元素的集合 得到value值

$("#checkbox_id").attr("checked"); //獲取乙個checkbox的狀態(有沒有被選中,返回true/false)

$("#checkbox_id").attr("checked",true); //設定乙個checkbox的狀態為選中(checked=true)

$("#checkbox_id").attr("checked",false); //設定乙個checkbox的狀態為不選中(checked=false)

$("input[name='checkbox_name']").attr

("checked",$("#checkbox_id").attr("checked"));//根據3,4,5條,你可以分析分析這句**的意思

$("#text_id").val().split(","); //將text的value值以','分隔 返回乙個陣列

上面的這些操作,其實就是jquery選擇器的使用,希望大家對jquery選擇器方面的知識要掌握紮實。

本文**:

使用JS獲取表單元素裡面的內容

今天製作乙個註冊頁面,需要驗證兩次密碼是否輸入一致,也就是確認密碼,在第二次輸入密碼的時候需要進行兩次密碼的 比較,進而確定兩次密碼輸入是否一致。確認密碼時需要用到上面輸入的密碼,這個問題讓我想了很久 其實相當簡單 密碼 確認密碼 這個問題其實相當簡單,就是使用getelementbyid或者get...

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

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

jQuery獲取form表單元素的值

jquery如何 取得text,areatext,radio,checkbox,select的值,以及其他一些操作 假如我們有如下頁面 在此不寫出來了 下面來看怎麼取得form中的各種值等等 function get form value 3.另外對表單的其他處理 控制表單元素 文字框,文字區域 t...