HTML 单选框实现单选注意事项

原创于 2017-02-27 19:30:29 发布 · 5.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

HTML 专栏收录该内容

5 篇文章

订阅专栏

本文分享了一个关于HTML单选按钮使用的小技巧：要在一组单选按钮中实现互斥选择的功能，所有按钮的name属性必须设置为相同的值。通过一个简单的实例展示了正确的用法。

今天在实现一个中国的30个省份单选框的时候用的

<input />框，

开始实现单选的时候居然不行，最后发现要想在一系列单选按钮下实现，

必须把input的name属性的名字全部写成一样的才行，教训啊，之前学过的居然疏忽了，特此记录纪念一下

<input type="radio" checked="checked" name="province" value="北京" />北京
<input type="radio" name="province" value="天津" />天津
<input type="radio" name="province" value="河北" />河北
<input type="radio" name="province" value="山西" />山西