脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → JQuery单选按钮Radio

JQuery单选按钮Radio和复选框checkbox的操作代码

 更新时间：2023年08月09日 16:57:37   作者：梁云亮  
这篇文章主要介绍了JQuery单选按钮Radio和复选框checkbox的操作，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

获取选中值：

$('input:radio:checked').val()；
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();
$("input[id='rand_question']:checked").val();

设置第一个Radio为选中值：

$('input:radio:first').attr('checked', 'checked');
$('input:radio:first').attr('checked', 'true');

设置最后一个Radio为选中值：

$('input:radio:last').attr('checked', 'checked');
$('input:radio:last').attr('checked', 'true');

根据索引值设置任意一个radio为选中值：

$('input:radio').eq(索引值).attr('checked', 'true');  //索引值=0,1,2....
$('input:radio').slice(1,2).attr('checked', 'true');

根据Value值设置Radio为选中值

$("input:radio[value=payMethod'001']").attr('checked','true');
$("input[value=payMethod'001']").attr('checked','true');

删除指定Value值的Radio

$("input:radio[value=payMethod001]").remove();

删除第几个Radio

$("input:radio").eq(索引值).remove();   //索引值=0,1,2....
//删除第3个Radio:
$("input:radio").eq(2).remove();

遍历Radio

let ids = [];
$('input:radio').each(function(index,domEle){
     //写入代码
     ids.push($(this).val());
});
ids = ids.join(',');

到此这篇关于JQuery操作单选按钮Radio和复选框checkbox的文章就介绍到这了,更多相关JQuery操作单选按钮Radio内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • jQuery实现字符串按指定长度加入特定内容的方法

    jQuery实现字符串按指定长度加入特定内容的方法

    这篇文章主要介绍了jQuery实现字符串按指定长度加入特定内容的方法,实例分析了jQuery操作字符串的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • jQuery实现贪吃蛇小游戏（附源码下载）

    jQuery实现贪吃蛇小游戏（附源码下载）

    网上关于JS实现贪吃蛇的文章有很多，最近闲来无事，想着利用jQury来实现贪吃蛇小游戏，下面实现这篇文章主要介绍了利用jQuery实现贪吃蛇小游戏的方法，文中给出的是吸纳思路和示例代码，需要的朋友可以参考下。
    2017-03-03
  • 直接拿来用的15个jQuery代码片段

    直接拿来用的15个jQuery代码片段

    开发人员利用jQuery代码不仅能给网站带来各种动画、特效，还会提高网站的用户体验。本文总结了开发者经常使用的15个jQuery代码片段，大家可以直接拿来用。
    2015-09-09
  • jQuery中prevUntil()方法用法实例

    jQuery中prevUntil()方法用法实例

    这篇文章主要介绍了jQuery中prevUntil()方法用法,实例分析了按条件查找匹配元素之前所有的同辈元素的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jQuery中first()方法用法实例

    jQuery中first()方法用法实例

    这篇文章主要介绍了jQuery中first()方法用法,实例分析了first()方法的功能、定义及获取匹配元素集合中的第一个元素时的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jQuery插件MixItUp实现动画过滤和排序

    jQuery插件MixItUp实现动画过滤和排序

    MixItUp过滤排序jQuery插件是一款鼠标滑过图片显示描述的jQuery过滤排序插件。是一款轻量，但功能强大的 jQuery 插件，提供了对分类和有序内容的美丽的动画过滤和排序功能。特别适合用于作品集网站，画廊，图片博客以及任何的分类或有序内容。
    2015-04-04
  • jQuery点击输入框显示验证码图片

    jQuery点击输入框显示验证码图片

    这篇文章主要为大家详细介绍了jQuery点击输入框显示验证码图片，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-05-05
  • jquery select(列表)的操作（取值/赋值）

    jquery select(列表)的操作（取值/赋值）

    jquery对<select>的操作比较麻烦，我把常用的收集如下
    2011-03-03
  • npm 安装jquery及使用教程

    npm 安装jquery及使用教程

    本文将介绍如何使用npm安装和使用jQuery,帮助读者解决相关问题,并提供示例代码,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • jquery 禁止鼠标右键并监听右键事件

    jquery 禁止鼠标右键并监听右键事件

    本篇文章主要介绍了jquery禁止鼠标右键并监听右键事件的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04

最新评论