`
pengzhaocheng16
  • 浏览: 180631 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Jquery 取值,赋值总结

 
阅读更多
Jquery 取值,赋值总结

取值:
$("")是一个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");

获取一组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();//清空下拉框


赋值用 $("#id").attr("属性名",value); 其中属性名可以自定义
分享到:
评论

相关推荐

    JQuery表单元素取值赋值方法总结

    本文将详细讲解如何使用 jQuery 对表单元素进行赋值和取值,以帮助开发者更好地理解和应用。 一、普通文本框的赋值与取值 1.1.1 赋值 在 jQuery 中,可以使用 `.val()` 方法来为文本框赋值。例如,假设我们有以下 ...

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

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

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

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

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

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

    jquery操作select取值赋值与设置选中实例

    jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如&lt;select class=”selector”&gt;&lt;/select&gt; 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....

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

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

    Jquery 表单取值赋值的一些基本操作

    ### Jquery 表单取值赋值的基本操作与高级选择器详解 #### 一、概述 JQuery 是一款流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等任务。本文将详细介绍如何使用 JQuery 进行...

    jQuery操作复选框(CheckBox)的取值赋值实现代码

    本文将详细解释如何使用jQuery来获取和设置复选框的选中状态,以及删除特定的复选框。 首先,获取复选框选中状态的值可以通过几种不同的jQuery选择器来实现。比如,如果需要获取所有被选中的复选框的值,可以使用...

    jquery取值.pdf

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

    JQuery个人总结(很全面)

    目录: 1.选择网页元素 2.改变结果集 3.链式操作 4.元素的操作:取值和赋值 5.元素的操作:移动 6.元素的操作:复制、删除和创建 7.工具方法 8.事件操作 9.特殊效果

    jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    本文将详细介绍如何使用jQuery对这些表单元素进行取值和赋值操作。 首先,我们来看一下如何对RadioButton进行操作。单选按钮通常是组出现的,同一组内只有一个选项可以被选中。通过jQuery可以很方便地设置某个单选...

    JS子父窗口互相操作取值赋值的方法介绍

    当我们打开多个浏览器窗口时,有时需要进行子窗口与父窗口之间的交互操作,比如从父窗口向子窗口取值赋值,或者相反操作。以下内容将详细介绍在JS中如何实现子父窗口之间的互相操作取值赋值。 首先,在JS中,我们...

    Jquery操作下拉框(DropDownList)实现取值赋值

    本文将详细介绍如何使用jQuery来操作下拉框(DropDownList)进行取值和赋值。 首先,要获取下拉框中选中项的值,可以使用jQuery的`.val()`方法来获取选中项的Value值,这是实际存储在HTML标签中`value`属性的值。...

    jQuery对html元素的取值与赋值实例详解

    Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val(Set Lbl Value); //文本框,文本区域: $(#text_id).attr(value,'');//清空内容 $(#text_id).attr(value,'test');// 填充内容 ...

    参照、修改citypicker做四级联动,数据异步获取,动态赋值

    这个项目标题"参照、修改citypicker做四级联动,数据异步获取,动态赋值"表明了一个开发任务,即基于现有的citypicker组件进行改造,使其支持四级联动的选择,并且能够从服务器异步获取数据,然后动态地将这些数据...

Global site tag (gtag.js) - Google Analytics