`

jQuery取得一组radio的说明文字

阅读更多
项目中有个地方需要取得一组radio中被选中值的说明文字,折腾了很久,完全用jQuery的方式似乎不行,采用和js方法结合的方式如下:


<input type="radio" name="a" value="1">123</input>
<input type="radio" name="a" value="2">456</input>
<input type="radio" name="a" value="3">789</input>
<input type="radio" name="a" value="4">222</input>


类似这样的一组radio,取得选中的值不难
$("[name='a']:checked").val();


但是取得选中值后面的说明文字似乎不行 jQuery中的text()和html()方法不能应用在radio对象上,可以采取源生js的方式 由于是js方法 所以在获取jQuery对象后需要[0]转换成dom对象

$("[name='a']:checked")[0].nextSibling.nodeValue;
分享到:
评论

相关推荐

    JQUERY对单选框(radio)操作的小例子

    单选框(radio)通常用于在一组互斥选项中选择一个。HTML中的`&lt;input&gt;`标签配合`type="radio"`属性创建单选框。在一个组内,所有单选框的`name`属性应保持一致,以确保它们彼此关联,只能选中其中一个。在这个例子中...

    jquery-easyui-1.3.6+文档

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个"jquery-easyui-1.3.6+文档"包含了关于该版本EasyUI的详细信息,包括API、示例和使用指南。下面我们...

    jQuery模仿单选按钮选中效果

    单选按钮(Radio Button)允许用户在一组选项中选择一项,而复选框(Checkbox)则允许用户选择一个或多个选项。在某些情况下,为了提升用户体验,我们可能需要通过JavaScript或jQuery来改变这些表单元素的默认行为或...

    jQuery获取选中内容及设置元素属性的方法

    标签“选中内容 元素属性”是这篇文章的重点,说明文章将围绕如何在使用jQuery时选中特定内容(比如用户界面中的表单元素、特定的DOM元素等),以及如何获取或设置这些元素的属性。 从给定的部分内容中,我们可以...

    JQuery 文本框使用小结

    当我们需要获取一组单选按钮(RadioButton)中被选中的那个的值时,可以使用以下代码。它会找到所有被选中的单选按钮,并返回其`value`属性的值: ```javascript var radio_value = $("input[type=radio]...

    基于jQuery试卷自动排版系统

    - `&lt;input type="radio"&gt;` 用于创建单选按钮,`name` 属性确保同一组内的选项互斥。 - `&lt;img&gt;` 用于嵌入图片,如题目的配图。 2. **CSS样式控制**: - 通过 CSS 可以改变试卷的整体风格,包括字体、颜色、行距和...

    jQuery基本选择器(实例及表单域value的获取方法)

    总的来说,jQuery的选择器是其强大功能的核心之一,它们极大地简化了DOM操作,提高了开发效率。通过熟练掌握这些选择器,开发者可以更加灵活地控制网页中的元素,实现丰富的交互效果和动态更新。在实际项目中,结合...

    jQueryformValidator表单验证插件[参照].pdf

    6. **提示样式多样化**:提供了文字提示和弹窗提示两种模式,以及四种状态的提示控制,包括初始状态、获取焦点、失去焦点成功和失败提示。 7. **自定义提示和定位**:允许用户自定义错误提示信息,并能精确地控制...

    iphone单选框复选框样式特效代码

    每个选项通常会有一个对应的`&lt;label&gt;`标签,用于显示文字描述,并且可以和`&lt;input&gt;`标签关联,方便用户点击文字也能触发控件的选中状态。 2. **CSS样式**:为了呈现iPhone风格,我们需要自定义CSS样式。这包括圆角...

    EXT核心API详解.doc

    13. **Ext.CompositeElement类**和**CompositeElementLite类**:用于管理和操作一组DOM元素,提供了集合操作的方法。 14. **Ext.Fx类**:包含了动画效果的基类,可以创建各种复杂的动画效果。 15. **Ext.KeyNav类*...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome ...

    ExtAspNet_v2.3.2_dll

    ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有ViewState,没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox...

Global site tag (gtag.js) - Google Analytics