`
zhuhuide2004
  • 浏览: 144012 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

JQuery 取值赋值

    博客分类:
  • JS
阅读更多

 < input type = " text " name = " textname " id = " text_id " value = "" >


取值等等;

function get_form_value (){

/* 获得TEXT.AREATEXT 的值*/

   var textval = $ ( " #text_id " ) . attr ( " value " ) ; // 或者

   var textval = $ ( " #text_id " ) . val () ;

/* 获取单选按钮的值*/

   var valradio = $ ( " input[@type=radio][@checked] " ) . val () ;

/* 获取复选框的值*/

var checkboxval = $ ( " #checkbox_id " ) . attr ( " value " )

/* 获取下拉列表中所有的值*/

   var selectval = $ ( ' #select_id ' ) . val () ;

// 获取下拉列表选取中的值, 此方法针对所有下拉框都起作用的

// 此方法针对所有下拉框都起作用的

   // 如果针对某 ID 进行获取, $(‘#id>option’).each() 即可

 

  $( 'select>option' ).each( function () {

    if ($( this ).attr( 'selected' )== true )

    {

    alert($( this ).text());

    }

  } )

}

 

对表单的其他处理:

// 控制表单元素:

// 文本框,文本区域:

$ ( " #text_id " ) . attr ( " value " , '' ) ; // 清空内容

$ ( " #text_id " ) . attr ( " value " , ' test ' ) ; // 填充内容

// 多选框checkbox

$ ( " #chk_id " ) . attr ( " checked " , '' ) ; // 未选中的值

$ ( " #chk_id " ) . attr ( " checked " , true ) ; // 选中的值

if ( $ ( " #chk_id " ) . attr ( ' checked ' ) == undefined ) // 判断是否已经选中

// 单选组radio

$ ( " input[@type=radio] " ) . attr ( " checked " , ' 10 ' ) ; // 设置value=10 的单选按钮为当前选中项

// 下拉框select

$ ( " #select_id " ) . attr ( " value " , ' test ' ) ; // 设置value=test 的项目为当前选中项

$ ( " <option value='test'>test</option><option value='test2'>test2</option> " ) . appendTo ( " #select_id " ) // 添加下拉框的option

$ ( " #select_id " ) . empty () // 清空下拉框

分享到:
评论

相关推荐

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

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

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

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

    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 ...

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

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

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

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

    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