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

jquery选择器之属性与表单对象属性

    博客分类:
  • js
阅读更多

今天,要做一个取 单选按钮选中值的 js,

刚开始是采用了选择器属性
$("input[name='XXX'][checked=true]")
结果是 选中单选按钮的值为 undefined,
后又换成
$("input[name='XXX']:checked")
结果正确,
查了下jquery api, :checked为表单对象属性
而[xx=xx]为对象属性,这种属性只对显式的出现的属性值有效

如果单选按钮有某个默认选中值 
<input type="radio" value="123" checked="checked">
<input type="radio" value="456" >
这时候的值
$("input[name='XXX'][checked=true]") 始终为 123
$("input[name='XXX']:checked") 值为 选中的单选按钮的值

在此小记一下..
分享到:
评论

相关推荐

    jQuery选择器全解.

    选择器按功能分为基础选择器、层次选择器、属性选择器、表单选择器、可见性选择器、位置选择器、子元素选择器、内容选择器、属性选择器、表单对象属性选择器以及过滤选择器。每类选择器都有其独特的应用场景,熟悉并...

    jquery选择器及jquery表单操作

    ### jQuery选择器详解 在网页开发中,jQuery作为一款轻量级、功能强大的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。其中,选择器是jQuery的核心特性之一,它提供了丰富的语法来...

    jQuery表单选择器源码

    **jQuery表单选择器源码解析** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画效果以及Ajax交互。在jQuery中,表单选择器是用于高效地定位和操作HTML表单元素的重要工具...

    jQuery 3.1 标准课程第二章 选择器表单对象属性

    jQuery 3.1 标准课程第二章 选择器表单对象属性选择器

    jQuery选择器大全(48个代码片段 21幅图演示)

    **jQuery选择器大全** jQuery库以其易用性和强大的选择器功能而闻名,使得JavaScript开发者能够更轻松地操作DOM(文档对象模型)。以下是一份详细的知识点概述,涵盖了jQuery中的主要选择器及其应用。 1. **基本...

    Jquery 选择器整理

    综上所述,jQuery选择器提供了一套强大且灵活的工具,帮助开发者高效地选择和操作DOM元素。无论是简单的元素选择还是复杂的条件过滤,都能轻松实现。在实际开发过程中,合理运用这些选择器可以极大地提高代码的效率...

    jQuery基础选择器练习题

    在JavaScript的世界里,jQuery是一个非常流行和...记住,熟练掌握jQuery选择器将极大地提升你的前端开发效率,让你编写出更加简洁高效的代码。在学习过程中,不断实践和应用这些知识点,你将会成为一个jQuery的大师。

    JQ 表单对象属性过滤选择器

    jQuery选择器是其强大功能的核心之一,它允许开发者通过简洁的语法来选取DOM元素。选择器分为基本选择器、层次选择器、属性选择器、类选择器和ID选择器等多种类型。在表单对象中,我们经常需要根据特定属性来筛选...

    jquery选择器和属性对象的操作实例分析

    通过这些实例,我们可以看到jQuery选择器和属性对象的实用性,它们让开发者能够快速、高效地操作页面元素,大大提升了开发效率。无论是简单的选取元素还是复杂的筛选操作,jQuery都能提供简洁、直观的API。在实际...

    jQuery选择器.rar

    这个名为"jQuery选择器.rar"的压缩包文件显然包含了关于jQuery选择器的相关学习资源,可能包括示例代码、教程文档等。这些内容可能与《锋利的jQuery第二版》这本书中的章节相匹配,该书是jQuery学习的经典参考资料之...

    jquery 选择器 描述

    在深入探讨jQuery选择器及其应用之前,我们先简要回顾一下jQuery是什么。jQuery是一个快速、简洁的JavaScript库,它的设计宗旨是“写得更少,做得更多”。它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互,...

    PPT和案例\jQuery选择器

    jQuery选择器是jQuery库的核心特性之一,它极大地简化了JavaScript中的DOM元素选择和操作。jQuery完全继承了CSS的风格,并在此基础上提供了更强大和灵活的选择方式。以下是对jQuery选择器的详细说明: **1. 基本...

    jQuery选择器-过滤器总结

    ### jQuery选择器与过滤器深度解析 在前端开发领域,jQuery因其简洁的语法和强大的功能,长期以来备受开发者青睐。其中,选择器与过滤器作为jQuery的核心功能之一,为DOM操作提供了极大的灵活性和便利性。本文将对...

    jquery选择器学习文档

    8. **表单对象属性过滤选择器** - `:enabled`:选取表单中所有可使用的元素。 - `:disabled`:选取表单中所有禁用的元素。 - `:checked`:选取所有被选中的复选框或单选按钮。 - `:selected`:选取所有被选中的`...

    简单jQuery商品属性选择表单

    5. **验证与提交**:在用户完成选择并尝试提交表单时,我们可以使用jQuery进行表单验证,确保所有必需的属性已被选择。如果满足条件,允许提交;否则,给出提示。 ```javascript $('#product-form').on('submit', ...

    基于jQuery选择器之表单对象属性筛选选择器的实例

    本文将详细讲解基于jQuery选择器在表单对象属性筛选方面的应用实例。利用jQuery选择器,开发者可以轻松地根据表单元素的属性状态进行元素的选择和操作。 1. 表单对象属性筛选选择器概述 在HTML表单中,输入元素如...

    Jquery表单-层级-内容-属性-子元素选择器知识点整理

    通过以上这些知识点的学习,可以更好地理解如何使用JQuery选择器来操作和处理DOM中的元素,从而提高Web开发效率。掌握这些选择器不仅有助于编写更高效的代码,还能帮助开发者更好地理解JQuery的工作原理。

    jquery表单对象属性过滤选择器实例分析

    在本例中,我们关注的是jQuery中的表单对象属性过滤选择器,这些选择器专门用于筛选表单元素,如输入(input)、复选框(checkbox)、单选按钮(radio)以及下拉列表(select)的选项(option)。以下是对这些选择器的详细说明...

    jQuery_选择器与属性方法

    下面将详细解析标题和描述中提到的jQuery选择器与属性方法。 1. **样式选择器**: - `parent &gt; child`:这种选择器用于选取父元素下的直接子元素,例如`$("div &gt; span")`会选取所有`&lt;div&gt;`内的直接`&lt;span&gt;`子节点...

    jQuery选择器大全PDF

    ### jQuery选择器大全:掌握高效DOM操作的关键 在前端开发领域,jQuery因其强大的功能和简洁的语法而备受青睐。选择器作为jQuery的核心组件之一,扮演着桥梁的角色,连接JavaScript与HTML文档,使得开发者能以更加...

Global site tag (gtag.js) - Google Analytics