jQuery操作radio元素

蔚落 2022-08-19 11:28 123阅读 0赞

在Web中、Radio这个Input使用的频率比较高、就关系到 radio 控件在Jquery中的操作问题，现在我是这样选中和不选中Radio的、下面是选中性别为例贴上选中以及取消选中的代码

<input type="radio" name="sex" id="man_radio" value="1" />男 <input type="radio" name="sex" id="woman_radio" value="0" />女

#### 一、选中RADIO ####

1、通过 id 找到 radio 并将其选中男

$(´#man_radio´).attr(´checked´, ´true´);

2、通过 name 找到 radio 并将其选中男

$("input[name=sex]:eq(0)").attr("checked",´true´);

3、通过 name 和 value 找到 radio 并将其选中男

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

如果想取消选中的话、只需要把 true 改为 false 即可、另外还有一种选中和取消选中的方式是这样的、通过属性 checked 来判断的、代码如下

$("#man_radio").attr("checked","checked");//选中
    $("#man_radio").removeAttr("checked");//不选中

#### 二、获取选中的值 ####

1、通过选中的 radio 来获取

$(´input:radio:checked´).val()；

2、通过 type 来获取

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

3、通过 name 来获取

$("input[name=´rd´]:checked").val();

#### 三、判断 RADIO 是否选中 ####

这里我用一个循环来判断是否选中、大家在实际项目中、可以通过元素的 id 或者使用 ep 来获取标签元素

$("input[name=sex]").each(function(){
       
        if($(this).attr("cheked")){
       
            alert(‘选中’);
        }else{
       
             alert(‘未选中’);
        }
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，123人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery操作radio元素

在Web中、Radio这个Input使用的频率比较高、就关系到 radio 控件在Jquery中的操作问题，现在我是这样选中和不选中Radio的、下面是选中性别为例贴上选中以及

蔚落/ 2022年08月19日 11:28/ 0 赞/ 124 阅读

相关 jQuery操作DOM元素

HTML DOM常见操作: 　　查找节点,插入节点,删除节点,复制节点,替换节点,包裹节点. 查找节点　　关于节点的查找,是利用选择器完成的. 插入

妖狐艹你老母/ 2022年08月05日 16:20/ 0 赞/ 207 阅读

相关 Jquery选择器操作select、checkbox、radio

每次需要操作一些select，checkbox、radio元素的时候，都还要在网上查一下。现在先做个小的总结。一：Jquery操作select： 1.判断select选项

淩亂°似流年/ 2022年07月13日 08:59/ 0 赞/ 165 阅读

相关 jQuery操作：input、radio、checkbox、select

jQuery 操作 radio 文本 <input type="radio" value="0" name="sex" id="male"/>男

分手后的思念是犯贱/ 2022年05月27日 03:49/ 0 赞/ 120 阅读

相关 jQuery_元素操作

一.高度和宽度获取高度： $("div").height(); // 高度 $("div").width(); //宽度

我就是我/ 2022年05月22日 12:39/ 0 赞/ 209 阅读

相关 jQuery操作DOM元素

作为一个后端程序员，也是要和前端页面打交道的。最常见的场景莫过DOM元素操作和前端页面使用AJAX向服务器发送请求。实现上述两个功能当然可以使用原生js来完成，但在实际开

男娘i/ 2022年04月24日 23:52/ 0 赞/ 244 阅读

相关 Jquery操作radio和checkbox

1.获取radio或者checkbox的选中的值 <div> <label><input name="flut" type="radio"

- 日理万妓/ 2022年03月02日 06:00/ 0 赞/ 183 阅读

相关 jQuery-对Radio/CheckBox的操作集合

Query获取Radio选择的Value值: jQuery C\ VB C++ Java jQuery设置Radio的Value值:

朱雀/ 2022年01月22日 23:37/ 0 赞/ 214 阅读

相关 jquery radio,select相关操作

Radio ![6e3170d1-a0ea-3a86-8add-a1eb66d68c23.jpg][] 1.获取选中值，三种方法都可以： $('input:ra

分手后的思念是犯贱/ 2021年12月05日 17:53/ 0 赞/ 274 阅读

相关 jquery 对于radio的操作总结

1、选中： $("input:radio[name='analyfsftype']").eq(0).attr("checked",'checked'); 2、

向右看齐/ 2021年06月24日 14:00/ 0 赞/ 322 阅读