美文网首页
关于radio的jquery方法汇总:包括获取值、删除、遍历等

关于radio的jquery方法汇总:包括获取值、删除、遍历等

作者: houxnan | 来源:发表于2019-11-28 13:28 被阅读0次

关于radio的jquery方法汇总:本文摘自:https://www.jb51.net/article/64154.htm

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');

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='rd2']").attr('checked','true');

或者

代码如下:

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

6.删除Value值为rd2的Radio

代码如下:

$("input:radio[value='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){

     //写入代码

});

相关文章

  • 关于radio的jquery方法汇总:包括获取值、删除、遍历等

    关于radio的jquery方法汇总:本文摘自:https://www.jb51.net/article/6415...

  • jQuery遍历函数

    jQuery 遍历函数jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。| .add()[https:/...

  • 【Flutter】表单 - Radio, Checkbox

    Radio 属性 value radio 的取值 groupValue radio 组的取值。value == g...

  • shell 数组

    数组 定义,新增,修改,删除,遍历,取值,长度,连接

  • jquery

    jquery能做什么 选择网页元素、改变结果集、元素的操作:取值、赋值、移动、复制、删除和创建、工具方法、事件操作...

  • JQuery方法

    常见方法 val取值通过JQuery对象的 val() 方法获取值相当于 document.getElementB...

  • jquery笔记

    jQuery获取一组radio的值 如题所示,方法如下:$("input[name='showCategory']...

  • jQuery遍历中的方法

    jQuery遍历 向上遍历DOM-祖先 parent() 方法:返回被选元素的直接父元素 parents()方法:...

  • 有用的jquery整理

    jQuery遍历 - each() 方法 jQuery对象和DOM对象使用说明 Jquery css元素 默认情况...

  • jquery数组遍历删除

    var arr = [1,2,3]; for(let i=0;i

网友评论

      本文标题:关于radio的jquery方法汇总:包括获取值、删除、遍历等

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