本文為大家詳細介紹下通過jquery獲取表單元素CheckBoxRadio等的值有需求的朋友可以參考下希望對大家有所幫助
jquery 筆記
代碼如下
$(input[name=radio_name]:checked)val()
<input type=radio value= name=radio_name />
<input type=radio value= name=radio_name />
<input type=radio value= name=radio_name />
網上的東西太亂了而且jQuery不同版本可能寫法不太一樣經過搜索和做實驗下面寫的是jQuery 版本下的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（optionselected）text（）select下拉框的第二個元素為當前選中值$（#select_id）[]selectedIndex = select下拉框value = val的元素為當前選中項$（select[name=items] option[value=val]）attr（selectedselected）radio單選組的第二個元素為當前選中項 $（input[@name=items]）get（）checked = true 或$（input[name=items]）attr（checked′）radio的value = val的元素為當前選中項$（input[name=items][value=val]）attr（checkedchecked）獲取值文本框文本區域$（#txt）attr（value）多選框checkbox$（input[name=checkboxchecked]）each（function（）{ var val = $（this）val（）}）單選組radio $（input[type=radio][checked]）val（）下拉框select的value值 $（select）val（）下拉框select選中的text值$（select）find（optionselected）text（）
控制表單元素文本框文本區域$（#txt）attr（value） //清空內容$（#txt）attr（value′） //填充內容多選框checkboxcheckbox的第二個元素被打勾$（input[name=items]）get（）checked = true //打勾$（input[name=items]）get（）checked = false //不打勾checkbox的value=val的元素前打勾$（input[name=item][value=val]）attr（checkedtrue）或$（input[name=item][value=val]）attr（checkedchecked）if（$（input[name=item][value=val]）attr（checked）==true） //判斷是否已經打勾單選組radio $（input[type=radio]）attr（checked′）//設置value=的項目為當前選中項下拉框select $（#sel）attr（valuesel′）//設置value=sel的項目為當前選中項$（<option value=′></option><option value=′></option>）appendTo（#sel）//添加下拉框的option $（#sel）empty（）//清空下拉框
jQuery獲取Radio選擇的Value值代碼$（input[name=radio_name][checked]）val（） //選擇被選中Radio的Value值$（#text_id）focus（function（）{//code……}） //事件 當對象text_id獲取焦點時觸發$（#text_id）blur（function（）{//code……}） //事件 當對象text_id失去焦點時觸發$（#text_id）select（） //使文本框的Vlaue值成選中狀態$（input[name=radio_name][value=要選中Radio的Value值）
attr（checkedtrue） //根據Value值設置Radio為選中狀態
jQuery獲取CheckBox選擇的Value值$（input[name=checkbox_name][checked]） //選擇被選中CheckBox元素的集合 如果你想得到Value值你需要遍歷這個集合$（$（input[name=checkbox_name][checked]））
each（function（）{arrChk+=thisvalue +}）//遍歷被選中CheckBox元素的集合 得到Value值$（#checkbox_id）attr（checked） //獲取一個CheckBox的狀態（有沒有被選中返回true/false）
$（#checkbox_id）attr（checkedtrue） //設置一個CheckBox的狀態為選中（checked=true）
$（#checkbox_id）attr（checkedfalse） //設置一個CheckBox的狀態為不選中（checked=false）
$（input[name=checkbox_name]）attr（checked$（#checkbox_id）attr（checked））//根據條你可以分析分析這句代碼的意思$（#text_id）val（）split（） //將Text的Value值以分隔 返回一個數組上面的這些操作其實就是jQuery選擇器的使用希望大家對jQuery選擇器方面的知識要掌握扎實
【責編:at
】
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19353.html
