首页 > PHP资讯 > HTML5培训技术 > JQuery控制Radio

JQuery控制Radio

HTML5培训技术

方法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:(推荐)


总结:

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



HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持16不支持0