`
gzcj
  • 浏览: 289784 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用jquery获取值

阅读更多

前不久使用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获取表单值

    使用jQuery获取文本框的值非常简单: ```javascript var textVal = $("#text_id").val(); // 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    jQuery获取table下某一行某一列的值实现代码

    从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...

    jQuery实现获取元素索引值index的方法

    在使用jQuery进行前端开发时,我们常常需要获取元素在集合中的索引值以便进行进一步的操作。jQuery作为一个强大的JavaScript库,提供了一系列方法来简化DOM操作,其中“.index()”方法便是用于获取元素索引值的一种...

    jquery获取checkbox选中的值

    以上就是使用jQuery获取和操作checkbox选中值的基本方法。这些技巧在处理多选数据、用户交互和表单提交时非常有用。通过结合CSS类和DOM操作,可以进一步完善用户体验,如添加视觉反馈或动画效果。在实际项目中,确保...

    Jquery获取Select标签的值

    本文详细介绍了如何使用 jQuery 来获取 Select 标签的值以及其他表单元素的操作方法。这些技术可以帮助开发者更高效地控制网页上的表单元素,并且为用户提供更加友好的交互体验。无论是简单的数据获取还是复杂的事件...

    用Jquery获取table中td的值

    在"用Jquery获取table中td的值"这个场景下,可能需要遍历整个表格获取所有`td`的值。可以使用`.each()`方法来实现: ```javascript $("table tr td").each(function(index, element) { var value = $(element)....

    Jquery 获取input 值

    根据提供的文件信息,我们可以总结出一系列关于如何使用 jQuery 来获取不同类型的输入元素(如 radio 按钮、checkbox 和 select 下拉列表)值的方法。接下来,我们将详细地解析这些方法,并提供相应的代码示例。 ##...

    jQuery操作checkbox并获取选中值

    本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。...

    Jquery 获取url参数

    本篇文章将深入探讨如何使用jQuery来获取URL参数,并给出实际的应用示例。 首先,我们需要理解URL的组成部分。一个完整的URL通常由协议(如http或https)、域名、路径和查询字符串组成。查询字符串是URL中"?"后面的...

    jquery获取表单元素的方法

    本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...

    JQuery获取table一列值

    使用 JQuery 可以非常方便地获取表格(`&lt;table&gt;`)中某一列的所有值。下面将详细介绍如何使用 JQuery 来实现这一功能,并对给定代码片段进行解析。 #### 一、JQuery简介 JQuery 是一个快速、简洁的 JavaScript 库...

    用jquery获取select标签中选中的option值及文本的示例

    - 方法二:通过id选择器直接获取select标签,并使用.find()方法配合":selected"伪类选择器找到当前选中的option,然后使用.val()方法获取值。代码为`$("#sel").find("option:selected").val();` 这两种方法用于...

    JQuery获取input控件值.docx

    - 对于`&lt;input type="radio"&gt;`,可以通过检查哪个被选中来获取值。如果有一个name为`items`的radio组,获取选中项的值可使用:`$("input[@type=radio][@name=items][@checked]").val()`。 - 设置radio选中项,可以...

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    jquery 获取单选按钮的值

    本篇文章将详细讲解如何在jQuery中获取单选按钮(radio button)的值。 首先,我们需要了解HTML中的单选按钮是如何定义的。在HTML中,单选按钮通常使用`&lt;input&gt;`标签的`type="radio"`属性来创建。每个单选按钮都有...

    jQuery获取Select标签的手册

    本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`标签中当前选中的选项的`value`属性值,可以使用`$('select').val()...

    jquery获取URL中参数解决中文乱码问题的两种方法

    以上就是解决在使用jQuery获取URL参数时出现中文乱码问题的两种方法,以及相关的编码和解码处理方式。需要注意的是,乱码问题的出现主要是由于编码和解码不一致导致的,所以在前后端处理URL参数时,一定要注意正确地...

    jquery获取array

    本文将详细介绍如何使用 jQuery 来获取具有相同名称的 input 元素,并将其值存储到一个数组中。 #### 一、jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,其设计宗旨是“write less, do more”,即用更少...

Global site tag (gtag.js) - Google Analytics