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 的方法有很多、大家可以视情况而定、看当时的场景、那种方法方便用使用那种方法
推荐阅读
-
html中input框中的radio是否被选中的判断
-
如何使用jQUery获取选中radio对应的值
-
jquery 根据索引index或value值设置单选框radio的某一项为选中状态
-
Jquery获取radio选中值实例总结
-
jq怎么获取radio选中的值(详解js获取单选按钮radio的值)
-
js判断checkbox是否被选中(js获取复选框选中的值 )
-
JavaScript中获取Radio被选中的值
-
jq怎么获取radio选中的值(详解js获取单选按钮radio的值)
-
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
-
js如何判断复选框是否被选中(js获取复选框选中的值)