获取一组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的项目为当前选中项 (错)
$("input[@name=radio_s][@value=16]").attr("checked",true);(测试通过)
下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 (错)
$("select[name=sex] option[value="-sel3"]").attr("selected",true);(测试通过)
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
$("#select1")[0].options(index).selected = true; //使第index个option选中
$("#select1")[0].options(3).text //取索引为3的option值
相关推荐
在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...
jQuery 获取和设置 Select 选择的 Text 和 Value jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将...
本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`标签中当前选中的选项的`value`属性值,可以使用`$('select').val()...
除了获取 Select 标签的值之外,还可以通过 jQuery 来控制其他表单元素的行为,包括文本框、复选框、单选按钮等。 ##### 1. 文本框与文本区域 - **清空内容**:`$("#txt").val("");` - **填充内容**:`$("#txt")....
### 知识点详解 ...以上内容总结了通过jQuery获取和操作Radio、CheckBox以及文本框Value值的基本方法。这些操作对于处理表单数据和用户交互非常有用,而且示例代码也方便读者理解和实际应用这些知识点。
本文将详细讲解如何使用jQuery来获取不同类型的表单控件(如文本框、文本域、单选按钮、复选框、下拉列表)的值。 #### 一、获取表单控件的值 ##### 1. 获取文本框(`<input type="text">`)的值 文本框是最常见...
本文将介绍如何使用jQuery来操作表单中的文本框(text)、文本区域(textarea)、多选框(checkbox)、单选按钮(radio)和下拉列表(select)等元素。掌握这些操作对于构建动态的网页界面至关重要。 首先,我们...
本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...
下面将详细解释如何使用jQuery来获取和设置text、textarea、radio、checkbox以及select等不同类型的input控件的值。 1. **获取text和textarea值**: - 对于`<input type="text">`和`<textarea>`,可以使用`.attr()...
在表单元素中常见的有文本输入框(text)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)和下拉选择框(select)。 对于文本输入框和文本区域,可以通过attr方法来获取其值: ```javascript // ...
本文对jQuery获取及设置表单input各种类型值的方法进行了详细的小结。首先,对于radio类型输入框,可以通过使用jQuery选择器获取被选中项的值,例如使用$("input[@name=items]:checked").val();可取得一组具有相同...
根据提供的文件信息,我们可以总结出一系列关于如何使用jQuery来获取不同类型的表单元素(如文本框、单选按钮、复选框以及下拉列表)的值的方法。下面将详细介绍这些方法及其应用场景。 ### 一、获取文本框(input ...
总结,通过jQuery,我们可以方便地获取和设置`select`、`dropdownlist`(通常指`select`)、`checkbox`等表单元素的值,并进行添加、删除、选中等操作,极大地提高了前端开发的效率和代码的可读性。以上代码示例适用...
除了`<select>`元素,jQuery也支持对其他表单元素如`<input type="radio">`, `<input type="checkbox">`, `<input type="text">`, `<textarea>`等进行操作: - **获取radio或checkbox的值**:`$("input[name=items]...
以下是一些关于如何使用jQuery获取和设置`select`、`option`、`radio`、`checkbox`以及文本输入(`input[type=text]`)等元素的值的关键知识点: 1. **获取选中的`select`值**: ```javascript var item = $(...
在JavaScript和jQuery中,操作HTML表单元素如radio、select和checkbox是非常常见的需求。下面将详细介绍如何使用jQuery来判断这些元素是否被选中以及如何获取它们的选中值。 1. **Radio Button(单选按钮)** - **...
本文将深入探讨jQuery中关于Select选择器的使用,包括获取与设置选择的Text和Value、添加/删除Option项,以及表单元素的控制方法,帮助你快速掌握jQuery的核心技能。 一、jQuery获取Select选择的Text和Value 1. ...
- 获取或设置文本框和文本区域的值,使用`$(“#txt”).attr(“value”);` - 对于多选框(Checkbox),`$(“#checkbox_id”).attr(“checked”, true/false);`可以控制是否被选中。 在实际应用中,这些jQuery方法...