1、为了方便操作,我们使用jquery插件库来操作dom,所以先引入对应的脚本文件。
2、在html里添加radio的input控件,并在其后面添加图片控件,每一项放在一个皱诣愚继样式为radio_item的div里。
3、然后通过样式选择器,为每一个img图片控件添加点击事件。
4、在点击事件里,调用parent方法来得到img图片的父容器,即它所在的div容器。
5、接着通过find方法,来找到div里的input控件,即单选控件。
6、单选控件找到后,就可以调用它的prop方法来设置它的checked属性了,设置为ture值则是选中状态。
7、打开页面,可以看到每一个单选控件后,都有一个图片,我们可以直接点击图片来选择。
8、点击后,它前面的单选控件就会自动选中了。