`
Sharpleo
  • 浏览: 572944 次
  • 性别: Icon_minigender_1
  • 来自: newsk
社区版块
存档分类
最新评论

jquery radio

    博客分类:
  • js
 
阅读更多
1.获取选中值,三种方法都可以:
 
$('input:radio:checked').val();
 
$("input[type='radio']:checked").val();
 
$("input[name='rd']:checked").val();
 
2.设置第一个Radio为选中值:
 
    $('input:radio:first').attr('checked', 'checked');
 
或者
 
$('input:radio:first').attr('checked', 'true');
 
注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)
 
3.设置最后一个Radio为选中值:
 
$('input:radio:last').attr('checked', 'checked');
 
或者
 
$('input:radio:last').attr('checked', 'true');
 
4.根据索引值设置任意一个radio为选中值:
 
$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
 
或者
 
$('input:radio').slice(1,2).attr('checked', 'true');
 
5.根据Value值设置Radio为选中值
 
$("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');
 
或者
 
$("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');
 
6.删除Value值为rd2的Radio
 
$("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").remove();
 
7.删除第几个Radio
 
$("input:radio").eq(索引值).remove();索引值=0,1,2....
 
如删除第3个Radio:$("input:radio").eq(2).remove();
 
8.遍历Radio
 
$('input:radio').each(function(index,domEle){
 
     //写入代码
 
});

分享到:
评论
1 楼 u011313391 2013-09-25  
这帖子很好,我是个新手,帮到忙了

相关推荐

    jquery radio checkbox 美化

    综上所述,"jQuery radio checkbox美化"涉及到前端开发中的多方面技能,包括jQuery的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...

    jquery 设置select checkbox radio只读

    昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个

    jquery radio 动态控制选中失效问题的解决方法

    在jQuery框架中,动态控制这些`radio`按钮的选中状态是很常见的需求。然而,由于jQuery的不同版本之间存在一些API行为的差异,可能会导致在实际操作中出现选中失效的问题。本文将详细讨论这个问题及其解决方案。 ...

    jQuery中如何判断radio选中(4种方法)

    ### jQuery中如何判断radio选中(4种方法) 在Web开发中,经常需要处理表单数据,特别是用户交互部分的数据验证。对于`<input type="radio">`元素来说,了解其选中状态是非常重要的,这有助于我们在前端进行逻辑...

    jquery美化checkbox,radio

    、根据原有的select 模拟生成新的 select。 2、支持键盘,可通过键盘选择选项。 3、可自定义样式。 4、方便灵活,可选择需要的seletc 进行模拟(非全局模拟) 5、判断用户是否开启脚本支持,若未开启,不进行...

    jquery获取input表单值的代码

    jquery取radio单选按钮的值$(“input[name=’items’]:checked”).val();jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(...

    jquery radio的取值_radio的选中_radio的重置方法

    radio 按钮组, name=”sex”. <input type="radio" name="sex" value="Male">Male</input> <input type="radio" name="sex" value="Female">Female</input> <input type="radio" name=...

    jquery判断单选按钮radio是否选中的方法

    本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下: html代码如下: <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" ...

    JQuery 自定义 radio与checkbox

    本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和checkbox(复选框)的美化。在现代Web界面设计中,为了提供更美观、用户体验更好的表单元素,开发者经常需要对这些标准HTML元素进行定制。 首先,...

    jquery 多个radio的click事件实例

    然后,在文档加载完成后,我们使用jQuery的`.click()`方法来绑定点击事件处理器到id为`ImgRadio`的div中的所有radio按钮上: ```javascript $("#ImgRadio:radio").click(function() { // 当任何一个radio按钮被...

    jquery单选框radio绑定click事件实现方法

    本篇文章将详细讲解如何使用jQuery为单选框(radio)绑定click事件,以便在用户点击单选框时,能够根据所选值执行相应的操作。 首先,jQuery的选择器功能强大,可以方便地选取页面中的特定元素。在示例代码中,`$(...

    JQuery触发radio或checkbox的change事件

    在JQuery中,当给radio或checkbox添加一个change事件时,如果它的值发生变化就会触发change事件;本文将详细介绍如何利用JQuery触发Checkbox的change事件需要了解的朋友可以参考下

    JQuery操作checkbox、radio等示例

    本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...

    jQuery美化radio和checkbox

    本文将深入探讨如何使用jQuery来美化radio和checkbox。 首先,理解jQuery的基本概念是必要的。jQuery是一个轻量级、高性能的JavaScript库,它简化了DOM操作、事件处理和动画效果。通过引入jQuery库,开发者可以编写...

    jquery radio 操作代码

    在给定的文件中,我们关注的是如何使用 jQuery 操作单选按钮(radio buttons)。单选按钮通常用于在一组选项中让用户选择一个。以下是关于 jQuery 操作 radio 的详细知识: 1. **设置默认选中状态**: 在示例代码...

    jQuery实现radio第一次点击选中第二次点击取消功能

    在本文中,我们将深入探讨如何使用jQuery来实现一个特定的功能:单选按钮(radio button)在第一次被点击时选中,而第二次点击时取消选中。 通常情况下,单选按钮的默认行为是点击后保持选中状态,直到用户选择其他...

    jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法

    在处理用户交互时,尤其是表单元素如单选按钮(radio buttons)时,jQuery提供了方便的方法来获取选中值以及清除选中状态。下面我们将详细探讨如何使用jQuery实现这些功能。 首先,我们来看如何获取单选按钮的选中...

Global site tag (gtag.js) - Google Analytics