jquery取radio单选按钮的值
$("input[name='items']:checked").val();
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下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[name=items]').get(1).checked = true;
获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[type=radio][checked]").val();
下拉框select: $('#sel').val();
控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio: $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
刚开始接触jquery,很多东西不熟悉
在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值
后来终于在伟大的百度帮助下,找到了问题的原因:
$("")是一个jquery对象,而不是一个dom element
value是dom element的属性
jquery与之对应的是val
val() :获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
所以,代码应该这样写:
取值:val = $("#id")[0].value;
赋值:
$("#id")[0].value = "new value";
或者$("#id").val("new value");
或者这样也可以:val = $("#id").attr("value");
分享到:
相关推荐
在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...
### jQuery 获取表单值 在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单...
以上就是通过 jQuery 获取和设置 input 类型(包括 radio 按钮、checkbox 和 select 下拉列表)值的一些常见方法和技巧。这些方法在实际开发中非常有用,可以帮助开发者更高效地处理用户输入数据。
下面将详细解释如何使用jQuery来获取和设置text、textarea、radio、checkbox以及select等不同类型的input控件的值。 1. **获取text和textarea值**: - 对于`<input type="text">`和`<textarea>`,可以使用`.attr()...
本文对jQuery获取及设置表单input各种类型值的方法进行了详细的小结。首先,对于radio类型输入框,可以通过使用jQuery选择器获取被选中项的值,例如使用$("input[@name=items]:checked").val();可取得一组具有相同...
本示例“jQuery复制移除表单元素代码”是基于jQuery 1.7.2版本实现的功能,这个版本在当时是相当稳定且广泛使用的。 1. **jQuery库的引入**:描述中提到的`jquery.1.7.2.min.js`是jQuery的核心库文件,它的引入使得...
本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...
### JS与jQuery获取Input输入框中的值实例讲解 #### 一、引言 在Web开发中,经常需要处理用户输入的数据。JavaScript 和 jQuery 是前端开发中最常用的两种工具,它们提供了强大的功能来操作DOM(文档对象模型),...
《jQuery炫酷Input表单输入文字动画特效插件解析》 在现代网页设计中,用户交互体验至关重要。jQuery作为一款广泛使用的JavaScript库,为开发者提供了丰富的功能和便捷的API,使得实现各种动态效果变得轻而易举。在...
本资源“jquery动态复制或者删除input表单特效代码下载.zip”提供了利用jQuery实现的一种实用功能,即动态地在网页上复制或删除input表单元素,这对于创建动态、交互性强的用户界面非常有用。 首先,jQuery的选择器...
本项目是关于使用jQuery制作一个动态表单验证代码插件,这在网页开发中是非常实用的技能,可以提升用户体验,确保用户在提交表单前输入的数据符合预期格式。 首先,我们要理解表单验证的重要性。在Web应用中,表单...
本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的表单元素操作。 #### 一、获取 Select 标签的值 ##### 1. 获取 Select 的 Value 值 要获取 Select 下拉框的当前选中值(即 value 属性的值)...
jQuery设计的核心理念是“写得更少,做得更多”,这使得开发者能够用更少的代码实现更多的功能。在网页开发中,jQuery极大地提高了开发效率,尤其在处理DOM操作、事件绑定和创建复杂的动画效果时。 **Fancy Input...
在验证过程中,我们可以利用`.each()`循环遍历表单中的输入元素,通过`attr('required')`检查是否为必填字段,并使用`.val()`获取当前输入值。对于验证规则,例如邮箱格式验证,可以使用正则表达式配合`.match()`...
同时,使用jQuery绑定了oninputpropertychange事件,显示了在输入过程中实时获取输入框长度,并根据输入值是否存在来改变其他元素的样式。 在介绍完各种监听方法后,文章还提供了一些兼容IE浏览器的JavaScript函数...
总结,"jQuery手机端个人信息填写表单页面代码.zip"这个资源展示了如何使用jQuery来构建一个交互性强、用户体验好的手机端表单页面。通过学习这个实例,开发者不仅可以了解如何利用jQuery处理表单数据,还能掌握如何...