javascript

位置:IT落伍者 >> javascript >> 浏览文章

jquery获取表单元素里面的值示例代码


发布日期:2021年11月29日
 
jquery获取表单元素里面的值示例代码

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

               

上一篇:预装载以及JavaScriptImage()对象

下一篇:巧用JavaScript记录网站访问次数