1、使用CSS的position属性来控制html单选框的位置。
2、CSS中的position属性有static、relative、absolute和fixed等几种值,结合top、left、right、bottom属性等可以把html元素精确的定位到指定的位置上。
2、然后在<div></div>标签内插入三个单选按钮,并且有对应的label,如下图所示。
3、接着给第一个单选按钮添加checked属性,默认是被选中,如下图所示。
4、保存代码并在浏览器中预览效果,可以发现单选按钮三个可以同时选中,如下图所示。
5、接着给三个单选按钮添加name属性,并且name属性值都是一样的,如下图所示。
6、最后在jquery初始化函数内,添加选中单选按钮的方法,就完成了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)