JQuery控制Radio选中方法分析
更新时间：2015年05月29日 09:18:40 作者：wo_soul
这篇文章主要介绍了JQuery控制Radio选中方法,涉及jQuery表单操作及鼠标事件响应的方法,需要的朋友可以参考下
本文实例讲述了JQuery控制Radio选中方法。分享给大家供大家参考。具体如下：
方法1：
$(function () {
$("#spanNan").click(function () {
$("#Radio1").attr("checked", true);
$("#Radio2").attr("checked", false);
});
$("#spanNv").click(function () {
$("#Radio2").attr("checked", true);
$("#Radio1").attr("checked", false);
});
})
方法2：（简单方法）
$(function () {
$("#spanNan").click(function () {
//$("#Radio1").attr("checked", true);
//$("#Radio2").attr("checked", false);
$("#Radio1").click();
});
$("#spanNv").click(function () {
//$("#Radio2").attr("checked", true);
//$("#Radio1").attr("checked", false);
$("#Radio2").click();
});
})
<input id="Radio2" type="radio" name="sex"/> <label for="Radio2">女</label>
总结：
HTML的Radio控件若要实现单选，比如本例中男女的选择，需要给Radio添加name属性，且值相同；例：name=“sex”。
默认选上radio:
jQuery(document).ready(function(){
$("input[name=targetBlank]:eq(0)").attr("checked",'checked');
$("input[name=status]:eq(0)").attr("checked",'checked');
});
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项：
1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值
2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值
3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值
要想获取某个radio的值有以下的几种方法,直接给出代码：
$('input[name="testradio"]:checked').val();
$('input:radio:checked').val();
$('input[@name="testradio"][checked]');
$('input[name="testradio"]').filter(':checked');
差不多挺全的了，如果我们要遍历name为testradio的所有radio呢，代码如下
$('input[name="testradio"]').each(function(){alert(this.value);});
如果要取具体某个radio的值，比如第二个radio的值，这样写
<script type="text/javascript">
$(document).ready(function(){
$("input[@type=radio][name=sex][@value=1]").attr("checked",true);
});
</script>
您的性别：
<input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男 <input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
下面小编就为大家带来一篇jquery获取复选框checkbox的值的简单实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
点击链接或按钮时要确认是否继续当前操作。2010-06-06
这篇文章主要为大家详细介绍了jQuery实现移动端扭蛋机抽奖，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
Jquery带搜索框的下拉菜单，需要的朋友可以参考一下2013-05-05
jQuery点击改变class并toggle及toggleClass()方法定义用法
这篇文章主要介绍了jQuery点击改变class并toggle及toggleClass()方法定义用法的相关资料,需要的朋友可以参考下2015-12-12
此Jquery特效是一款Jquery+CSS3实现简洁大气带滑动效果的弹出层，在消息提示、弹出层显示内容、弹出层登录等，带遮罩效果，感兴趣的朋友可以参考下哈，希望可以帮助到你2013-05-05
这篇文章主要介绍了jQuery中find()方法用法,实例分析了find()方法的功能、定义及获取匹配元素后代元素的使用技巧,需要的朋友可以参考下2015-01-01
经常使用jquery的朋友，需要测试下firefox的兼容性2008-10-10
这篇文章主要介绍了jQuery中DOM树操作之使用反向插入方法,实例分析了反向插入方法与插入方法回调的使用技巧,需要的朋友可以参考下2015-01-01
（该方法是对《运用jquery实现（table）单双行不同显示并能多行选中》的改进，适合于单行选择）2009-07-07
最新评论