checkbox 相关问题

我正在尝试使用reactJS创建一个简单的复选框并尝试使用handlecheck()绑定复选框的状态我正在尝试使用reactJS创建一个简单的复选框，并尝试使用handlecheck()绑定复选框的状态 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <script src="https://unpkg.com/[email protected]/babel.min.js"></script> <title>Getting Started with React</title> </head> <body> <div id='react-container'></div> <script type="text/babel"> class Checkbox extends React.Component{ constructor(props){ super(props) this.state = { checked: false } this.handleCheck = this.handleCheck.bind(this) } handleCheck(){ this.setState ({ checked: true }) } render(){ return( <div> <input type = "checkbox"/> </div> ) } } ReactDOM.render( <Checkbox />, document.getElementById("react-container") ) </script> </body> </html> 但是，尽管我正在使用 handleCheck(){ this.setState ({ checked: true }) } 我仍然可以多次选中和取消选中该框，但实际上，它不应该，因为它必须检查一次并且应该停止。我知道在实际场景中应该是这样的： handleCheck(){ this.setState ({ checked: !this.state.checked }) } 有人可以告诉我为什么我可以多次选中和取消选中，即使我做错了？您创建了一个受控组件，它需要一个处理程序来更改状态，并且它的值/检查属性由状态控制。您需要将 this.handleCheck 指定为 onChange 处理程序，并将 this.state.checked 指定为 checked 属性值： class Checkbox extends React.Component { constructor(props) { super(props) this.state = { checked: false } this.handleCheck = this.handleCheck.bind(this) } handleCheck() { this.setState({ checked: true }) } render() { return ( <div> <input type="checkbox" checked={this.state.checked} onChange={this.handleCheck} /> </div> ) } } ReactDOM.render( <Checkbox /> , document.getElementById("react-container") ) <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> <div id='react-container'></div> 您忘记将 handleCheck 添加到复选框 <div> <input type = "checkbox" onChange={this.handleCheck} checked={this.state.checked}/> </div>

javascript reactjs react-native checkbox

回答 2 投票 0

如何将多个选定的复选框值保存到数据库mvc

在复选框中选择多个项目并希望将这些选定项目保存到数据库的任务。

jquery sql-server asp.net-mvc asp.net-mvc-4 checkbox

回答 2 投票 0

在 ASP.NET Core MVC 中将多个复选框值保存到数据库

我正在使用复选框将数据保存在数据库中。它一次只能保存一个值。当选择多个值时，它仅存储第一个选择的值。我用谷歌搜索了我的问题。多个

c# html checkbox asp.net-core-mvc

回答 1 投票 0

选择datagrid标题中的所有复选框及其在wpf mvvm中的绑定

我正在研究wpf（mvvm架构）。我正在使用数据网格列出复选框，并在标题中单击“全选”复选框，我希望选中所有复选框，反之亦然......