JQuery控制Radio选中方法分析

本文实例讲述了JQuery控制Radio选中方法。分享给大家供大家参考。具体如下： 方法1： ? 1 2 3 4 5 6 7 8 9 10

$(function () {

$(\"#spanNan\").click(function () { $(\"#Radio1\").attr(\"checked\ $(\"#Radio2\").attr(\"checked\ });

$(\"#spanNv\").click(function () { $(\"#Radio2\").attr(\"checked\ $(\"#Radio1\").attr(\"checked\ }); })

方法2：（简单方法） ? 1 2 3 4 5 6 7 8 9 10 11 12 ?

1 2 女

总结：

HTML的Radio控件若要实现单选，比如本例中男女的选择，需要给Radio添加name属性，且值相同；例：name=“sex”。 默认选上radio: ? 1 2 3 4

jQuery(document).ready(function(){

$(\"input[name=targetBlank]:eq(0)\").attr(\"checked\ $(\"input[name=status]:eq(0)\").attr(\"checked\ });

$(function () {

$(\"#spanNan\").click(function () { //$(\"#Radio1\").attr(\"checked\ //$(\"#Radio2\").attr(\"checked\ $(\"#Radio1\").click(); });

$(\"#spanNv\").click(function () {

//$(\"#Radio2\").attr(\"checked\ //$(\"#Radio1\").attr(\"checked\ $(\"#Radio2\").click(); }); })

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是

要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项： 1.jquery获取radio的值 2.jquery获取checkbox的值

3.jquery获取select的值

要想获取某个radio的值有以下的几种方法,直接给出代码： ? 1 2 3 4 5 6 7

$('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的值，这样写 ? 1 2 3 4 5

您的性别： ?

1 checked/>男 2 checked/>女 希望本文所述对大家的jQuery程序设计有所帮助。