手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jquery怎么实现点击单选框,获取到对应的id

时间:2024-10-11 20:57:13

1、新建一个html文件,命名为test.html,用于讲解jquery怎么实现点击单选框,获取到对应的id。

jquery怎么实现点击单选框,获取到对应的id

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

jquery怎么实现点击单选框,获取到对应的id

3、在test.html文件内,在p标签内,使用input标签创建两个type类型为radio的单选项。

jquery怎么实现点击单选框,获取到对应的id

4、在test.html文件内,分别设置两个input元素的class为myradio钱砀渝测(用于下面通过该class获得该对象),同时设置id为分别为one,two。

jquery怎么实现点击单选框,获取到对应的id

5、在test.html文件内,在页面加载完成时,通过class(myradio)获得坡纠课柩input对象,给单选项绑定click点击事件,当每一个单选项被点击时,执行function()方法。

jquery怎么实现点击单选框,获取到对应的id

6、在function()方法内,通过$(this)获得当前被点击的对象,使用attr()方法获得它的id属性值,并使用alert()方法输出来。

jquery怎么实现点击单选框,获取到对应的id

7、在浏览器打开test.html文件,分别点击单选项,查看结果。

jquery怎么实现点击单选框,获取到对应的id
jquery怎么实现点击单选框,获取到对应的id
© 手抄报圈