知识大全 jquery获取表单元素里面的值示例代码

Posted 2022-07-20 元素

篇首语：书籍是朋友，虽然没有热情，但是非常忠实。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 jquery获取表单元素里面的值示例代码相关的知识，希望对你有一定的参考价值。

　　本文为大家详细介绍下通过jquery获取表单元素CheckBox Radio等的值有需求的朋友可以参考下希望对大家有所帮助

　　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（ option selected ） text（） select下拉框的第二个元素为当前选中值 $（ #select_id ）[ ] selectedIndex = select下拉框value = val 的元素为当前选中项 $（ select[name=items] option[value= val ] ） attr（ selected selected ） radio单选组的第二个元素为当前选中项 $（ input[@name=items] ） get（） checked = true 或$（ input[name=items] ） attr（ checked ′） radio的value = val 的元素为当前选中项 $（ input[name=items][value= val ] ） attr（ checked checked ）获取值文本框文本区域 $（ #txt ） attr（ value ）多选框checkbox $（ input[name= checkbox checked] ） each（function（） var val = $（this） val（））单选组radio $（ input[type=radio][checked] ） val（）下拉框select的value值 $（ select ） val（）下拉框select选中的text值 $（ select ） find（ option selected ） text（）

　　控制表单元素文本框文本区域 $（ #txt ） attr（ value ） //清空内容$（ #txt ） attr（ value ′） //填充内容多选框checkbox checkbox的第二个元素被打勾 $（ input[name=items] ） get（） checked = true //打勾$（ input[name=items] ） get（） 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 ′） //设置value= 的项目为当前选中项下拉框select $（ #sel ） attr（ value sel ′） //设置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（ checked true） //根据Value值设置Radio为选中状态

　　jQuery获取CheckBox选择的Value值$（ input[name= checkbox_name ][checked] ） //选择被选中CheckBox元素的集合如果你想得到Value值你需要遍历这个集合$（$（ input[name= checkbox_name ][checked] ））

　　each（function（）arrC+=this value + ） //遍历被选中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）

【责编:at 】 cha138/Article/program/Java/JSP/201311/19353