在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(‘未选中’); } })