本文为大家详细介绍下通过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】