当前位置：首页 > 资讯 > 技术文档

JQuery控制Radio选中方法分析

时间：2022-02-22 09:05 编辑：来源：阅读：
扫一扫，手机访问

摘要：JQuery控制Radio选中方法分析

本文实例讲述了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>

[b]总结：[/b] 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程序设计有所帮助。

全部评论(0)

上一篇：jquery $.each()使用探讨
下一篇：jQuery可见性过滤器：hidden和：visibility用法实例

资讯排行榜
更多>>