1.获取值

$("input[name=‘killOrder‘]:checked").val();

$(‘input:radio:checked‘).val();

$("input[type=‘radio‘]:checked").val();

$(":radio[checked]").each(function(radio){alert($(this).val());

2.设置第一个Radio为选中值:

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

$(‘input:radio:first‘).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=‘2‘]").attr(‘checked‘,‘true‘);

$("input[value=‘1‘]").attr(‘checked‘,‘true‘);

6.删除Value值为2的Radio

$("input:radio[value=‘2‘]").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){

//写入代码

});

9.修改单选框样式

input[type="radio"] + label::before {

content: "\a0";

display: inline-block;

vertical-align: middle;

width: 15px;

height: 15px;

margin-right: 5px;

border-radius: 50%;

text-indent: .15em;

margin-bottom: 4px;

border: 1px solid #CCCCCC;

}

input[type="radio"]:checked + label::before {

background-clip: content-box;

padding: 2px;

}

input[type="radio"] {

position: absolute;

clip: rect(0, 0, 0, 0);

}

.radio-inline{

padding-left: 0;

}

input[type=radio][disabled]:checked + label::before{

background-color:#CCCCCC;

background-clip: content-box;

padding: 2px;

}

前端radio单选框默认选中_单选框radio总结(获取值、设置默认选中值、样式)...相关推荐

  1. antd radio设置默认选中_单选框radio总结(获取值、设置默认选中值、样式)

    单选框 radio 是 否 1.获取值 $("input[name='killOrder']:checked").val(); $('input:radio:checked').v ...

  2. 怎么覆盖默认样式_图形设计软件cdr教程:设置默认字体

    互联网时代,设计师们现在都是用电脑进行设计,那么对字体的需求就比较多,CorelDRAW作为强大的平面设计软件,怎么在其中设置某字体为默认字体呢?对很多新手朋友来说,可能不是很理解. 本文小编介绍在C ...

  3. sql数据库备份默认路径_在Linux上SQL Server中更改默认数据库文件和备份路径

    sql数据库备份默认路径 In a previous article, we explored the process to change default SQL dump file location ...

  4. photoshop 字体小_如何在Photoshop和Illustrator中设置默认字体

    photoshop 字体小 Photoshop and Illustrator are powerful, but not exactly intuitive. That goes double fo ...

  5. Cascader 级联选择器如何根据给定的叶节点值设置默认值(数据回显)

    转载自:Cascader 级联选择器如何设置默认值(数据回显)_༺举个栗子吧༻的博客-CSDN博客_选择器设置默认值 官网cascader:https://element.eleme.cn/#/zh- ...

  6. 获取和设置默认打印机

    获取打印机列表:public class LocalPrinter { private static PrintDocument fPrintDocument = new PrintDocument( ...

  7. 获取与设置checkbox选中状态

    获取checkbox被选中状态值:$("#id").prop('checked'); 设置checkbox选中状态:$("#id").attr('check', ...

  8. select2 ajax获取数据设置默认值,初始值

    select2是一个非常好用的select美化插件,但是在最近使用时发现,select2在使用ajax获取数据内容时设置默认值非常麻烦,官方给出了一个解决方案就是添加一个属性selected的opti ...

  9. android 双卡 默认流量 卡,双卡双待功能怎么用?如何设置默认流量卡?

    原标题:双卡双待功能怎么用?如何设置默认流量卡? 了解双 SIM 卡状态图标 屏幕顶部状态栏中的图标能够显示两个运营商的信号强度,在「控制中心」可以显示更详细的 SIM 卡状态. 设置默认号码 将「主 ...

最新文章

  1. 谈谈大家对PHP框架的各种误解
  2. DiffServ实现技术
  3. mysql额外在哪_MySQL额外操作
  4. 大疆精灵2v+怎么连接手机_车载蓝牙播放器怎么用,手机蓝牙怎么连接车载蓝牙放音乐...
  5. Nutch 是一个开源Java 实现的搜索引擎
  6. 剑指offer之数组中的逆序对
  7. 打不开mysql exe文件怎么打开文件_exe文件打不开怎么办?
  8. GC调优在Spark应用中的实践
  9. html语言中bodyalink表示,HTML语言中,
  10. linux chgrp
  11. Maven安装教程详解与导入
  12. HTML中常见的其它标签
  13. 思维导图有什么用?思维导图的优势、缺点及其适用人群详解
  14. 电脑系统没有自带的字体-楷体GB2312字体 免费版提供下载
  15. 瞬态抑制二极管型号参数对照表,想要的都在这里
  16. 重学JavaWeb —— Servlet,简单全面一发入魂
  17. 基于Python3.x pandas实现大疫情的查重功能
  18. excel 关联数据
  19. 基于SpringBoot的企业OA系统的设计与实现,Java毕业设计项目,高质量毕业论文范例,源码,数据库脚本,项目导入运行视频教程,论文撰写教程
  20. 就业市场状况指数(LMCI)和非农数据

热门文章

  1. ETCD 源码学习--WAL 实现
  2. 教你如何用1角,2角,5角的硬币凑出10元以下的金额【C语言】
  3. 微博移动版获取评论时返回{ok:0}的解决办法
  4. 私域视频号的运营小技巧
  5. nacos启动失败_Nacos 启动失败记录
  6. 直播美颜技术:视频美颜sdk的快速集成与开发实践
  7. 最高大上的小学生作业
  8. Git 配置 user 信息
  9. iOS原生推送(APNS)的实现
  10. 【梳理】数据库系统概论 第2章 关系数据库 2.1 关系数据结构及其形式化定义 2.2 关系操作 2.3 关系的完整性