JQuery控制Radio

需求：

JQuery实现：

方法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();
            });
        })

方法3：（推荐）

<input id="Radio2" type="radio" name="sex"/><label for="Radio2">女</label>

总结：

HTML的Radio控件若要实现单选，比如本例中男女的选择，需要给Radio添加name属性，且值相同；例：name=“sex”。