美文网首页
jQuery操作单选按钮(radio)用法

jQuery操作单选按钮(radio)用法

作者: Yumazhiyao | 来源:发表于2017-07-03 20:03 被阅读414次

转自:jQuery操作单选按钮(radio)用法

1.获取选中值,四种方法都可以:

$('input:radio:checked').val();
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();
var value  = $('input[name="radioName"]:checked').val(); //获取被选中Radio的Value值

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....

5.根据Value值设置Radio为选中值

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

6.删除Value值为rd2的Radio

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

7.删除第几个Radio

$("input:radio").eq(索引值).remove();索引值=0,1,2....

8.遍历Radio

$('input:radio').each(function(index,domEle){
 //写入代码
});

相关文章

  • jQuery操作单选按钮(radio)用法

    转自:jQuery操作单选按钮(radio)用法 1.获取选中值,四种方法都可以: 2.设置第一个Radio为选中...

  • 解决问题1

    11.jquery获取radio(表单中的单选按钮)的值 "identity":$("input[type='ra...

  • Selenium Web Driver自动化测试(java版)系

    这篇文章说单选按钮(radio button)和复选框(checkbox)的操作。单选按钮只能选择一个,比如性别,...

  • Radio

    Radio material design 的单选按钮。

  • 前端开发学习第十六天

    单选按钮radio 在html中,单选按钮radio只能从选项列表中选一项,选项与选项之间是互斥的。格式: 注意:...

  • HTML中的单选按钮问题(一)

    1.如何修改单选按钮的css样式 2. 如何只选中众多按钮中的一个按钮 3. jquery中关于单选按钮的一些操作...

  • html标签

    表格语法 列表 inputinputimage提交按钮 reset清空表单 radio单选按钮 checkb...

  • Radio-单选组件

    Radio Radio为单选控件,基本用法如下: Radio控件本身没有State状态,当value的值和grou...

  • 学习笔记第三天2017-2-17

    1.表单 form表单 文本框 text 单选按钮 radio 复选按钮 checkbox 清空按钮 reset ...

  • Flutter--Radio和RadioListTile组件

    一、Radio和RadioListTile的介绍 Radio:单选按钮,当有多个Radio组件,其中一个为选中状态...

网友评论

      本文标题:jQuery操作单选按钮(radio)用法

      本文链接:https://www.haomeiwen.com/subject/llpzcxtx.html