input radio不能选中,单击没反应

亮术网 2017-05-20 本网原创

  input radio 是单选元素,也就是不管有多少个选项,一次只能选择一项。一般情况下,每个选项前有一个小圆圈,小圆圈后是选项文字说明,单击一下小圆圈,其中间会出现一个小黑点表示已经选中。但有的时候,无论怎么单击小圆圈都不出现小黑点,这是怎么回事呢?

  说实话,很少会遇到单击 input radio不能选中的情况,通常一点就选中了,不会出现单击没反应。说来也奇怪,input radio 少了一个属性,单击就没有反应,这是个什么属性,对 radio 影响如此大,看下面的实例。

 

  input radio不能选中的原因及实例

  <input type="radio" 有一个属性一定不能少,它不是 id,而是 name 属性,少了这个属性,单击不能选中,一点反应也没有。以下就是没有 name 属性的 radio:

  产品:<input type="radio" value="0" />电脑 <input type="radio" value="1" />手机

  以上的两个radio选项无论怎么单击,也不能选中,一反应也没有,它们都被去掉了name属性。没有name属性的radio,加上id属性,单击同样不能选中,说明id无法替代name。

  以下是加上name属性的raio,单击立即会选中,不能选中的问题迎刃而解。

  产品:<input type="radio" name="radioId" value="0" />电脑 <input type="radio" name="radioId" value="1" />手机

  选择框就是让用户选择的,如果没有name属性,服务器端无法获取radio的值,也就失去了原本的意义,所以少了name属性,特意限制了radio的选中,从而提示开发人员代码有误。

本文浓缩标签:radio选中