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架构）。我正在使用数据网格列出复选框，并在标题中单击“全选”复选框，我希望选中所有复选框，反之亦然......

c# wpf checkbox mvvm wpfdatagrid

回答 4 投票 0

如何询问多个选定的问题单选按钮/复选框

应该有三个复选框/单选按钮。当我点击其中一个时，其他的应该变灰。例如，当我点击某人时，我必须做出不同的选择。当我点击 o...

html css checkbox radio-button

回答 1 投票 0

更新地图内的状态，会导致将新元素推送到我不想要的状态

这里我有数据状态，我试图用map函数循环它，并打印出我称之为myChecklist的清单。从 'react' 导入 React, { useState } 常量应用程序 = () => { 反对...

reactjs react-hooks checkbox array.prototype.map

回答 1 投票 0

表中的 MudBlazor 复选框彼此独立

我希望用户一次只能检查一个元素。如果他们检查另一个元素，那么该元素就会被检查，任何其他元素都是假的。我正在使用 MudBlazor，我尝试通过

c# checkbox blazor mudblazor

回答 1 投票 0

使用 jQuery Mobile 时无法以编程方式选中复选框

我一直在尝试使用 jQuery 将一组复选框标记为已选中。我似乎无法弄清楚为什么。 JavaScript：函数 getProjects(课程){ console.log("getProjects"); 变量数据 = { &

javascript jquery jquery-mobile checkbox

回答 1 投票 0

我想取消选择按钮单击时的复选框

我想实现清除所有过滤器功能，因为我需要在单击按钮时取消选择所有复选框。我用过primeng复选框。 HTML：我想实现清除所有过滤器功能，因为我需要在单击按钮时取消选择所有复选框。我使用了primeng复选框。 HTML： <button (click)="clearAllFilters()">Clear All Filters</button> <p-checkbox *ngFor="let cb of filterColorCheckboxes" value="{{cb.value}}" label="{{cb.value | titlecase}}" (onChange)="checkBoxFilter(cb.category, cb.value, $event)"> </p-checkbox> 在 event.checked 中，我得到一个长度为 1 的数组，其中包含复选框的值（而不是许多其他解决方案中给出的任何布尔值）。这就是为什么我无法取消选择该复选框。为什么不使用 ngModel 来做到这一点？ import { Component, QueryList, ViewChildren } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Checkbox } from 'primeng/checkbox'; @Component({ selector: 'app-root', templateUrl: './app.component.html', }) export class AppComponent { @ViewChildren('checkbox') checkboxes: QueryList<Checkbox>; selectedCities: string[] = []; filterColorCheckboxes: any[] = [ { value: false, label: 'A' }, { value: false, label: 'M' }, { value: false, label: 'P' }, { value: false, label: 'R' }, ]; checked: boolean = false; ngOnInit() {} clearAllFilters() { console.log('clear'); this.filterColorCheckboxes.forEach((x) => { x.value = false; }); } checkBoxFilter(...argt) { console.log(argt); } } html <mat-slider thumbLabel tickInterval="1000" min="1" max="100000" class="cdk-focused" ></mat-slider > 堆栈闪电战

angular checkbox

回答 1 投票 0

Javascript 将选定的复选框限制为 2 个

我想禁用选择超过 2 个选择复选框，但我无法使用我的 javascript 代码做到这一点。我怎样才能做到这一点？ btn.addEventListener("点击",function () { var ourRequest = new

javascript checkbox limit

回答 2 投票 0

checkbox 相关问题

最新问题