前不久使用jquery，发现其取值和以前使用的js不同，所以收集了一下jquery取值的方法：
获取选中的值
获取一组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")；
$("#txt").val();
多选框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的项目为当前选中项
$("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty()；//清空下拉框
解说：
在Jquery中,用$("#id")来获得页面的input元素,其相当于document.getElementByIdx("element")
但是,该获取的是一个Jquery对象,而不是一个dom element对象.value是dom element对象的属性.所以,使用
$("#id").value不能取到值
取值的方法如下:
取值：val = $("#id")[0].value;
$("#id")[0].value = "new value";
赋值：
$("#id")[0].value = "new value";
或者$("#id").val("new value");
val = $("#id").attr("value");
实例（还没验证过，放在此处仅供自己学习时参考）
<body>
<input type="text" id="dd" name="dd" value="dds"/>dd
<input name="rr" id="rr" type="radio" value="34" />ff
<input name="rr" id="rr2" type="radio" value="4" />55
<input name="ff" type="checkbox" value="aa" />jgdg
<input name="ff" type="checkbox" value="gd" />jgdg
<select name="ss" id="ss" size="1">
<option value=""></option>
<option value="8">d</option>
<option value="2">g</option>
</select>
<br/>
<input type="button" id="button" value="按钮一" />
<input type="button" id="jj" value="按钮二" />
<br/>
<div id="ssd">fgfooHello</div>
</body>
<script language="javascript" type="text/javascript">
<!--
$(function(){
$("#button").click(function(){
//获取值
//alert( $('#dd').val());//type=text
// alert($('input[name=rr][checked]').val());//type=radio
// alert($('input[name=ff][checked]').val());//type=checkbox
// alert($("select[name=ss] option[selected]").val());//select 相等于alert($("#ss option[selected]").val());
//获取文本
//alert($("select[name=ss] option[selected]").text());//select
//控制
// $('input[name=rr]').get(0).checked = true;//第一个radio被选中
//alert($("input[type=radio][value=34]").attr("checked",'checked'));//value=34的radio被选中
//alert($("input[type=checkbox][value=gd]").attr("checked",'checked'));//value=gd的checkbox被选中
//$('input[name=ff]').get(1).checked = true;//第一个check被选中
//$("<option value='1'>1111</option><option value='25'>22s22</option>").appendTo("#ss");//增加option
//$("#ss option[value=8]").remove("");//除去 <option value='8'>d</option>
//$("#ss").attr("value",'2');//选中option
//$('#ss')[0].selectedIndex = 1;//选中option
//$("#ss").empty();//清空全部option
});
});
-->
</script>
</html>
分享到：
相关推荐
使用jQuery获取文本框的值非常简单： ```javascript var textVal = $("#text_id").val(); // 使用.val()方法获取值 ``` **注意：** `.val()` 方法是用来获取或设置表单元素的值的，而 `.attr("value")` 是用来获取...
在本篇内容中，我们将详细探讨如何使用jQuery来获取form表单中input元素的值，包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法，我们可以轻松获取或设置input...
从提供的文件内容中，我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点： 1. jQuery选择器的使用：在文中，通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...
在使用jQuery进行前端开发时，我们常常需要获取元素在集合中的索引值以便进行进一步的操作。jQuery作为一个强大的JavaScript库，提供了一系列方法来简化DOM操作，其中“.index()”方法便是用于获取元素索引值的一种...
以上就是使用jQuery获取和操作checkbox选中值的基本方法。这些技巧在处理多选数据、用户交互和表单提交时非常有用。通过结合CSS类和DOM操作，可以进一步完善用户体验，如添加视觉反馈或动画效果。在实际项目中，确保...
本文详细介绍了如何使用 jQuery 来获取 Select 标签的值以及其他表单元素的操作方法。这些技术可以帮助开发者更高效地控制网页上的表单元素，并且为用户提供更加友好的交互体验。无论是简单的数据获取还是复杂的事件...
在"用Jquery获取table中td的值"这个场景下，可能需要遍历整个表格获取所有`td`的值。可以使用`.each()`方法来实现： ```javascript $("table tr td").each(function(index, element) { var value = $(element)....
根据提供的文件信息，我们可以总结出一系列关于如何使用 jQuery 来获取不同类型的输入元素（如 radio 按钮、checkbox 和 select 下拉列表）值的方法。接下来，我们将详细地解析这些方法，并提供相应的代码示例。 ##...
本文将详细讲解如何使用jQuery来操作checkbox，并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中，我们可以使用不同的选择器来选取页面上的checkbox元素。...
本篇文章将深入探讨如何使用jQuery来获取URL参数，并给出实际的应用示例。 首先，我们需要理解URL的组成部分。一个完整的URL通常由协议（如http或https）、域名、路径和查询字符串组成。查询字符串是URL中"?"后面的...
本文将详细解析如何使用jQuery获取表单元素的各种值，包括文本框（TEXT）、文本区域（AREA TEXT）、复选框（CHECKBOX）、单选按钮（RADIO）、下拉列表（SELECT）以及表格（TABLE）中的数据。 ### 文本框（TEXT） ...
使用 JQuery 可以非常方便地获取表格（`<table>`）中某一列的所有值。下面将详细介绍如何使用 JQuery 来实现这一功能，并对给定代码片段进行解析。 #### 一、JQuery简介 JQuery 是一个快速、简洁的 JavaScript 库...
- 方法二：通过id选择器直接获取select标签，并使用.find()方法配合":selected"伪类选择器找到当前选中的option，然后使用.val()方法获取值。代码为`$("#sel").find("option:selected").val();` 这两种方法用于...
- 对于`<input type="radio">`，可以通过检查哪个被选中来获取值。如果有一个name为`items`的radio组，获取选中项的值可使用：`$("input[@type=radio][@name=items][@checked]").val()`。 - 设置radio选中项，可以...
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
本篇文章将详细讲解如何在jQuery中获取单选按钮（radio button）的值。 首先，我们需要了解HTML中的单选按钮是如何定义的。在HTML中，单选按钮通常使用`<input>`标签的`type="radio"`属性来创建。每个单选按钮都有...
本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**： 要获取`Select`标签中当前选中的选项的`value`属性值，可以使用`$('select').val()...
以上就是解决在使用jQuery获取URL参数时出现中文乱码问题的两种方法，以及相关的编码和解码处理方式。需要注意的是，乱码问题的出现主要是由于编码和解码不一致导致的，所以在前后端处理URL参数时，一定要注意正确地...
本文将详细介绍如何使用 jQuery 来获取具有相同名称的 input 元素，并将其值存储到一个数组中。 #### 一、jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库，其设计宗旨是“write less, do more”，即用更少...