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
  • 大话西游2龙族攻略
  • 炉石传说谜题实验室机器人之战攻略
  • 天刀小师妹攻略
  • 天刀枭野争锋怎么参加
  • QQ游戏中国象棋2017残局第20关怎么过?
  • 热门搜索
    重阳节手抄报内容大全 大自然的手抄报 重阳节手抄报图片大全 世界文化遗产手抄报 防溺水手抄报简单好画图片 世界读书日手抄报内容 创建文明城市手抄报内容 防控疫情的手抄报 小学三年级手抄报 一年级清明节手抄报