1、新建一个html文件,命名为test.html,用于讲解jquery怎么实现点击单选框,获取到对应的id。
2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
3、在test.html文件内,在p标签内,使用input标签创建两个type类型为radio的单选项。
4、在test.html文件内,分别设置两个input元素的class为myradio钱砀渝测(用于下面通过该class获得该对象),同时设置id为分别为one,two。
5、在test.html文件内,在页面加载完成时,通过class(myradio)获得坡纠课柩input对象,给单选项绑定click点击事件,当每一个单选项被点击时,执行function()方法。
6、在function()方法内,通过$(this)获得当前被点击的对象,使用attr()方法获得它的id属性值,并使用alert()方法输出来。
7、在浏览器打开test.html文件,分别点击单选项,查看结果。