欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  技术分享

jquery设置radio选中_获取radio选中的值_判断radio是否选中

程序员文章站 2022-03-01 14:38:14
...

Jquery越来越流行、功能也越来越强大、使用的朋友也越来越多、在Web中、Radio这个Input使用的频率比较高、就关系到 radio 控件在Jquery中的操作问题、由于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(‘未选中’);
    }
})



总之获取选中和 radio 的值和选中 radio 的方法有很多、大家可以视情况而定、看当时的场景、那种方法方便用使用那种方法