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

jquery 取值

 
阅读更多
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 获取 radio 选中后的文字

首先,他给出的 HTML 示例如下:
<input type="radio" id="male" name="sex" value="1" />男
<input type="radio" id="female" name="sex" value="2" />女

jQuery 获取 radio 选中后的文本的方法,如下:
$("input[name='sex']:checked")[0].nextSibling.nodeValue

<input type="radio" id="male" name="sex" value="1" /><span>男</span>


下获取时使用 next() 选择器,如下:

$("input[name='sex']:checked").next("span").text()

<input type="radio" id="male" name="sex" value="1" />
<label for="male">男</label>
<input type="radio" id="female" name="sex" value="2" />
<label for="female">女</label>


获取 radio 选中后的文本

$("input[name='sex']:checked").next("label").text()
分享到:
评论

相关推荐

    jquery取值的问题

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

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

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

    jquery取值.pdf

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

    jquery取值.docx

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

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

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

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

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

    jquery 滑动取值

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

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

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

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

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

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

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

    Jquery焦点图代码 从datatable中取值

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

    jquery表单元素取值

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

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

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

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

    《jQuery slideControl鼠标拖动取值插件代码详解》 在网页开发中,交互效果的丰富性和用户体验的优化越来越受到重视。jQuery作为一个轻量级、功能强大的JavaScript库,提供了丰富的API和插件来帮助开发者实现各种...

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

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

    jquery moblie 复选框取值

    在移动应用开发中,jQuery Mobile 是一个非常流行的框架,它为构建触摸优化的网页界面提供了丰富的组件和交互效果。在jQuery Mobile中,处理复选框(checkbox)的值是常见的需求,特别是在表单提交或者数据交互时。...

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

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

    jquery点击颜色选择器取值,颜色选择器

    7. **取值功能**:当用户完成颜色选择后,提供一个方法获取当前选定的颜色值,可以用HEX、RGB或HSV格式输出。 在实际项目中,你可以结合其他前端框架或库,如Bootstrap或Vue.js,来增强用户体验。同时,考虑到可...

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

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

Global site tag (gtag.js) - Google Analytics