2、那么给radio标签里面设定一个id或者class属性
3、在js里面,可以通过checked这个属性来判断哪一个radio标签被选择,
4、这样就可以获取到radio标签的值,然后根据标签的值进行判断,保存/插入数据库等操作
<html><head>
</style>
<script type="text/javascript" language="javascript">
function Permissions()
{ var a = document.getElementsByName("radios")
for(i=0i<a.lengthi++)
{
if(a[i].checked)
alert(a[i].value)
}
}
</script>
</head>
<body>
<input type="radio" id="radios" name="radios" value="0" onclick="Permissions()" >Admin
<input type="radio" id="radios" name="radios" value="1" onclick="Permissions()">User
</body>
</html>
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例子: