在React中使用ref获取复选框的值

小编典典

在React中使用ref获取复选框的值

reactjs

有什么方法可以在React中使用ref来获取复选框的值。正常方式对我来说总是返回值“ on”。

var MyForm = React.createClass({
    save: function(){
        console.log(this.refs.check_me.value);
    },

    render: function(){
        return <div><h1>MyForm</h1>
            <div className="checkbox">
                <label>
                    <input type="checkbox" ref="check_me" /> Check me out
                </label>
            </div>
            <button className="btn btn-default" onClick={this.save}>Submit</button>
        </div>
    }
});

阅读 1116

2020-07-22

共1个答案

小编典典

对于复选框，使用“ checked”而不是“ value”：

var MyForm = React.createClass({
  save: function () {
    console.log(this.refs.check_me.checked);
  },

  render: function () {
    return <div><h1>MyForm</h1>
      <div className="checkbox">
        <label>
          <input type="checkbox" ref="check_me" /> Check me out
        </label>
      </div>
      <button className="btn btn-default" onClick={this.save}>Submit</button>
    </div>
  }
});

结果是：

2020-07-22