2、那么给radio标签里面设定一个id或者class属性
3、在js里面，可以通过checked这个属性来判断哪一个radio标签被选择，
4、这样就可以获取到radio标签的值，然后根据标签的值进行判断，保存/插入数据库等操作
1、在react中可以给输入控件（如input type=text）加上引用名，好获取它的输入值例如：
2、<textarea >控件，它和input不同，它是开标签，内容是包括在<textarea >和</textarea>之间的。如果需要获取<textarea >的值，同样可以用ref来获取
例如:
注意：这里log出来的是页面用户输入后的最终文字。
3、单选radio和多选checkbox，获取它们的值最好还是用一个公共变量如state来保存，因为它们的值只能在触发事件中获取，不像text控件可以后期提交时获取。初始值可以通过 defaultChecked={true} 来设置。
radio例子：
如果是checkbox，用div包住不合适，因为div每次点击只能获取点击一次的值。所以checkbox需要写到每个checkbox 控件里面的onChange或onClick事件。可以通过一个state的数组来存储变更。checkbox例子：
思路：在html中获取被选中的radio的值，即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。步骤如下：
radio代码片断：
<input type="radio" name="a1" value="1"/>正确
<input type="radio" name="a1" value="0" />错误
js代码如下：
var b1= document.getElementsByName('a1')
for (var i = 0i <b1.lengthi++) {
if (b1[i].checked == true) {//如果选中，下面的alert就会弹出选中的值
alert(b1[i].value)
}
}
定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
语法
document.getElementsByName(name)
该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。
另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。
