react.js 下获取各种input控件的值 radio、checkbox等

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例子：

documentgetElementById("<%=WXQControl1ClientID%>");

这种方式只是获得了这个控件，但是要取得控件的属性值。例如value，就需要这样写

documentgetElementById("<%=WXQControl1ClientID%>")value;

建议楼主这样做：

var obj=documentgetElementById("<%=WXQControl1ClientID%>");

alert(obj);

如果d出的消息框中不是null,就证明了找到了这个控件，就可以用

documentgetElementById("<%=WXQControl1ClientID%>")value;

获取值了。但是有些属性可能不一样，楼主要获得具体什么属性方式会稍有差异

例如获取display属性，就需要这样

if(!documentgetElementByid("<%=WXQControl1ClientID%>")styledisplay="none")

的方式

具体要实现怎样的效果呢？如果鼠标悬停或者按下鼠标且不释放显示那个DIV的话，可以用CSS里面的:hover或:active来实现。

JS不太熟悉，但用JQUERY里面的强大选择器则应该很容易实现。

是否可在function中加入一个DOM参数，调用的时候传入this指针？

以上就是关于react.js 下获取各种input控件的值 radio、checkbox等全部的内容，包括:react.js 下获取各种input控件的值 radio、checkbox等、asp.net中 在ASPX页面前台 用JS代码怎样获取用户控件的属性值、Datalist中如何使用JAVASCRIPT获取HTML控件（不是用getdocumentbyid)等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！