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

.Jquery取值

    博客分类:
  • JS
 
阅读更多

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取值的问题

    关于"jQuery取值的问题",这个标题暗示我们可能会遇到在使用jQuery获取HTML元素值时的一些常见挑战。让我们深入探讨一下jQuery如何帮助开发者轻松地获取和设置表单元素、DOM节点以及其他类型的数据值。 首先,...

    jquery 滑动取值

    在"jquery 滑动取值"这个主题中,我们主要讨论的是如何利用jQuery实现一种用户界面元素——滑动条(slider),以便用户通过拖动滑块来选取或输入数值。这种功能在很多场合都很常见,如设置音量、调节亮度或者选择...

    jquery取值.docx

    1. **取值操作**: - `$("#text_id").val();` 用于获取文本框的值。`val()` 方法用于获取或设置表单元素的值,如输入框、文本区域等。 - `$("#checkbox_id").attr("value")` 用于获取复选框或单选框的值。`attr()`...

    jquery取值.pdf

    在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...

    jQuery 取值、赋值的基本方法.docx

    在jQuery中,取值和赋值是操作网页元素数据的核心功能。以下是对标题"jQuery 取值、赋值的基本方法"所涉及知识点的详细说明: 1. **取值方法**: - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于...

    jQuery 取值、赋值的基本方法.pdf

    在文档中,我们关注的是jQuery中关于取值和赋值的基本方法,这些方法对于前端开发至关重要。 1. **取值** - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于获取文本框或文本区域的值。 - `$(...

    jQuery区间滑动拖动取值代码.zip

    "jQuery区间滑动拖动取值代码"是一个基于jQuery实现的交互功能,允许用户通过滑动来选取一个范围内的值,常见于设置音量、亮度、时间选择器等场景。下面我们将深入探讨这个功能实现的关键知识点。 首先,我们要理解...

    jquery.dropdown:简单的下拉菜单几乎可以使用这个简单的插件进行任何操作

    jquery.dropdown 1.2 简单的下拉菜单几乎可以使用这个简单的插件进行任何操作。 用法 款式: 在您的 html 页面中包含 jquery.dropdown css 文件。 &lt; link href =" jquery.dropdown.css " type =" text/css " ...

    jQuery价格区间滑动取值代码.zip

    【jQuery价格区间滑动取值代码】是一款基于JavaScript库jQuery实现的交互式功能,主要用于电商网站或其他需要用户选择价格范围的场景。这个功能允许用户通过拖动滑块来选取一个价格范围,为用户提供直观且友好的操作...

    jQuery 取值、赋值的基本方法整理

    在本文中,我们将深入探讨jQuery中用于取值和赋值的一些基本方法。 首先,我们来看如何获取和设置文本框(TEXTAREA)的值。通过ID选择器`$("#text_id")`,我们可以轻松地获取或设置文本框的值。例如,`var textval ...

    jquery表单元素取值

    ### jQuery表单元素取值详解 #### 一、引言 在Web开发中,表单是用户与网站交互的重要组成部分。jQuery作为一种流行的JavaScript库,极大地简化了JavaScript编程,特别是DOM操作方面,使得开发者能够轻松地处理HTML...

    Jquery焦点图代码 从datatable中取值

    在网页开发中,jQuery是一种广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本主题将深入探讨如何使用jQuery实现焦点图功能,并从datatable数据源中获取值。焦点图,又称为轮播图或幻灯片,是...

    jquery_params.js获取页面路径后参数....

    [removed][removed] [removed][removed] account.jsp?name="+name+"&sex;="+sex; var name = $.query.get("name"); var sex = $.query.get("sex");

    实用jQuery省市区三级城市级联下拉菜单选择插件jQuery cxSelect

    select 的 class 任意取值,也可以附加多个 class,如 class="province otherclass",在调用时只需要输入其中一个即可,但是不能重复 如需设置 select 默认值,加上 data-value 属性,例:浙江省"&gt;&lt;/select&gt; --&gt;...

    jQuery表格预览设置单元格选中取值代码.zip

    本主题聚焦于"jQuery表格预览设置单元格选中取值代码",这涉及到如何利用jQuery来实现对表格(Table)中的单元格(Cell)进行操作,包括选中和获取其值,以及可能的预览功能。这里我们将深入探讨相关的jQuery技术和...

    jquery.validationEngine校验插件

    jQuery ValidationEngine 是一款强大的前端表单验证插件,它极大地简化了网页表单的验证过程,使开发者无需编写复杂的取值和正则表达式比较,即可实现丰富的验证功能。该插件以其直观、易用和高度可定制性而受到广大...

    jQuery slideControl鼠标拖动取值插件代码.zip

    《jQuery slideControl鼠标拖动取值插件代码详解》 jQuery作为一个强大的JavaScript库,因其简洁易用的API和丰富的插件生态,深受开发者喜爱。在众多的jQuery插件中,“jQuery slideControl鼠标拖动取值插件”是一...

    jquery.cookie.js

    jquery.cookie.js 使用方法: var cookie_name="submenu_cookie"; var value="selected"; var options={path:'/',expires:1}; 设置: $.cookie(cookie_name,value,options); 取值:$.cookie(cookie_name)

    jQuery对html元素取值与赋值的方法

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作HTML元素,包括取值和赋值。本文将详细讲解jQuery如何对HTML元素进行取值与赋值,特别关注文本框(TEXTBOX)、标签(LABLE)、单选按钮(Radio)、复选框...

    jquery移动端日期选择插件

    本主题聚焦于"jQuery移动端日期选择插件",这是一种方便的工具,能够帮助用户在触屏设备上轻松选择日期。 一、jQuery简介 jQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互...

Global site tag (gtag.js) - Google Analytics