原文地址:http://blog.csdn.net/heardy/article/details/6081354
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')[0].selectedIndex = 1;
select下拉框value = 'val'的元素为当前选中项:$("select[name=items] option[value='val']").attr("selected","selected");
radio单选组的第二个元素为当前选中项 :$('input[@name=items]').get(1).checked = true; 或$('input[name=items]').attr("checked", '1′);
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",'11′); //填充内容
多选框checkbox:
checkbox的第二个元素被打勾:$("input[name=items]").get(1).checked = true; //打勾
$("input[name=items]").get(1).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",'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获取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(){arrChk+=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)
$("input[name='checkbox_name']").attr
("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组
jquery1.3.2
ISDARK : $("input[@type=radio][name=ISDARK][checked]").val()
$("input[name=radioname][value=radio值]").attr("checked","checked");
原文地址:http://blog.csdn.net/heardy/article/details/6081354
相关推荐
jQuery 获取和设置 Select 选择的 Text 和 Value jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将...
根据提供的文件信息,我们可以了解到如何使用jQuery来获取HTML中select标签的选中项(option)的值(value)和文本内容(text)。以下是详细的知识点: 1. 引入jQuery库:要使用jQuery操作DOM元素,必须先引入...
jQuery获取Select选择的Text和Value: 代码如下: $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”).text(); ...
本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`标签中当前选中的选项的`value`属性值,可以使用`$('select').val()...
通过一个循环遍历所有option元素,并将每个元素的text和value组合成字符串,然后将这些字符串拼接到一个数组或一个长字符串中。 ```javascript var arr = new Array(); // 数组定义标准形式 var all = ""; // 定义...
jQuery获取Select选择的Text和Value: 选择一项试试看 语法解释: 代码如下: . $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 . var checkText=$(“#select_id”)....
### jQuery 操作 Select Option 整理 #### 一、引言 在Web开发中,`<select>`元素作为用户交互的重要部分,常用于提供一系列选项供用户选择。jQuery作为一种流行的JavaScript库,极大地简化了DOM操作的过程,使得...
为了更详细地说明知识点,这里再补充一些关于如何使用jQuery获取select选中option的value值的其他相关方法和注意事项: 1. 当页面加载完成后,通常需要确保在文档完全加载之后再进行元素操作,因此获取select元素的...
1. **获取Select选择的Text和Value**: - 使用`$(“#select_id”).find(“option:selected”).text()`可以获取当前被选中Option的文本内容。 - 使用`$(“#select_id”).val()`则可以获取当前被选中Option的关联值...
这里使用了`option:selected`选择器来选取当前被选中的`<option>`元素,并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**: ```javascript $('#select_id')[0].selectedIndex = 1; ``` 通过直接...
### Jquery 获取 Select 标签的值 在前端开发中,使用 jQuery 框架能够极大地简化 DOM 操作,使得获取或设置 HTML 元素的属性变得更加容易。本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的...
1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...
### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`<select>` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...
然而,原生的 `select` 元素并不支持模糊搜索功能,所以我们需要借助 `jQuery` 和 CSS 来增强其功能。 1. **引入资源**: 在项目中,你需要引入 `jQuery` 库以及自定义的 CSS 和 JavaScript 文件。假设我们有以下...
以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。 首先,我们需要理解HTML基础。`<select>`元素创建一个可选列表,用户可以选择其中的一个或多个选项。`<option>`元素定义了下拉列表中的一...
<option value=0 selected=selected tier=1>省、直辖市</option> <option tier=1 value=2>北京市</option> </select> var province = $(select[name='region[province]']).val(); 取得textarea的值 <...