radio 默认选中
分类:实例代码
radio 默认选中属于前端实例代码,有关更多实例代码大家可以查看。
从标题看,此问题够简单,事实也是如此,在群里还是看到有初学者来询问此问题。
关于单选按钮的更多内容可以参阅HTML input radio 单选按钮一章节。
下面演示一下多个单选按钮,实现其中一个默认选中。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> </head> <body> <input type="radio" name="antzone"/> <input type="radio" name="antzone"/> <input type="radio" name="antzone" checked/> <input type="radio" name="antzone"/> <input type="radio" name="antzone"/> </body> </html>
只要给要默认选中的radio标签上添加checked即可实现。
不要给checked属性赋值true或者"checked",具体参阅HTML 布尔属性值一章节。
本文再强调一点,name属性值相同的单选按钮被视作"一组"。
一组单选按钮,同时只能有一个被选中,这一单要谨记。
不少初学者会疑问,为什么单选按钮可以同时多个被选中,同时被选中的按钮不属于同一组。
radio 默认选中,这样的场景在实际项目中还是用的比较多的,关于radio 默认选中就介绍到这了。