熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

jquery獲取表單元素裡面的值示例代碼

2013-11-15 11:38:30  來源: JSP教程 

  本文為大家詳細介紹下通過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(optionselectedtext()select下拉框的第二個元素為當前選中值$(#select_id)[]selectedIndex = select下拉框value = val的元素為當前選中項$(select[name=items] option[value=val]attr(selectedselectedradio單選組的第二個元素為當前選中項 $(input[@name=items]get(checked = true 或$(input[name=items]attr(checked′)radio的value = val的元素為當前選中項$(input[name=items][value=val]attr(checkedchecked獲取值文本框文本區域$(#txtattr(value多選框checkbox$(input[name=checkboxchecked]each(function(){ var val = $(this)val()})單選組radio $(input[type=radio][checked]val()下拉框select的value值 $(selectval()下拉框select選中的text值$(selectfind(optionselectedtext()

  控制表單元素文本框文本區域$(#txtattr(value //清空內容$(#txtattr(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(checkedcheckedif($(input[name=item][value=val]attr(checked)==true) //判斷是否已經打勾單選組radio $(input[type=radio]attr(checked′)//設置value=的項目為當前選中項下拉框select $(#selattr(valuesel′)//設置value=sel的項目為當前選中項$(<option value=′></option><option value=′></option>appendTo(#sel)//添加下拉框的option $(#selempty()//清空下拉框

  jQuery獲取Radio選擇的Value值代碼$(input[name=radio_name][checked]val() //選擇被選中Radio的Value值$(#text_idfocus(function(){//code……}) //事件 當對象text_id獲取焦點時觸發$(#text_idblur(function(){//code……}) //事件 當對象text_id失去焦點時觸發$(#text_idselect() //使文本框的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_idattr(checked //獲取一個CheckBox的狀態(有沒有被選中返回true/false)

  $(#checkbox_idattr(checkedtrue) //設置一個CheckBox的狀態為選中(checked=true)

  $(#checkbox_idattr(checkedfalse) //設置一個CheckBox的狀態為不選中(checked=false)

  $(input[name=checkbox_name]attr(checked$(#checkbox_idattr(checked))//根據你可以分析分析這句代碼的意思$(#text_idval()split( //將Text的Value值以分隔 返回一個數組上面的這些操作其實就是jQuery選擇器的使用希望大家對jQuery選擇器方面的知識要掌握扎實


【責編:at

From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19353.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.