使用onChange根据React中的索引选择特定的复选框

文章/答案/技术大牛

发布

1回答

javascript、reactjs、ecmascript-6、react-hooks

我有一个列表，我在列表中遍历每一项，并且它有一个复选框来选择特定的列表项。我现在面临的问题是，当我选择一个项目时，它会检查列表中的所有项目。如何仅选中选中的特定项目？摘录自我的代码 export default function App() { const names<div

浏览 9提问于2021-02-05得票数 1

回答已采纳

1回答

checkBox一次在反应的时候

reactjs

我试图一次选择一个复选框，以便使用特定的值进行setState，问题是我不确定是否需要循环所有复选框并取消选择我没有单击的复选框。在我的例子中，我使用了值value="Fanny" | value="Abed"来标识我单击的哪个复选框 const [check, setcheck] = Re

浏览 2提问于2021-12-01得票数 1

回答已采纳

1回答

计数复选框被选中的次数

javascript

你好，我有一个代码，我想检查复选框被选中的次数，如果它大于某个特定的数字，则将显示特定的消息。问题是它没有计算复选框被选中的次数。复选框示例如下： <div class="column" style="background-color: #b0a9de;"> } </script>

浏览 22提问于2019-12-23得票数 0

6回答

在reactjs中以编程方式取消复选框

javascript、reactjs、checkbox

我正在处理复选框，我想知道有什么方法可以通过调用函数来取消在单击按钮时选中复选框吗？？如果是的话？我怎么能这么做？<input type="checkbox" className="checkbox"/>如何以编程方式取消选中复选框?如果使用map函数动态生成多个复选框，怎么办？如果我想的话，我怎么能取消检查呢？

浏览 1提问于2017-04-25得票数 18

回答已采纳

1回答

我在试图找到并找出一种方法来清除那些签回其原始状态(未选中)的复选框时遇到了问题。我有一个名为"Clear Filter“的按钮，它链接到const handleclear，它允许我执行两件事： 1)重置filteredList数据并返回显示的默认值(我已经这样做了) 2)将当前选中的所有复选框都变为未选中(我尝试了不同的方式，我可以找到不同的引用，但我无法实现) 那么我可以知道是否有一种方法可以使用该按钮清除复选框

浏览 111提问于2021-11-02得票数 0

回答已采纳

1回答

我有许多复选框，它呈现为下面的描述，我想在图中更改嵌套值it在蓝色圆圈中。

javascript、reactjs、react-redux、material-ui

，这是我的状态：，，循环中的一部分，是我想要改变的状态的一部分{this.state.data.map((elm) => ( checked={group.value} onChange=

浏览 3提问于2020-07-15得票数 2

回答已采纳

1回答

带react-hook-form的material-ui复选框

material-ui、react-hook-form

我无法使用react-hook-form reset方法以编程方式设置material-ui复选框的值这里有一个我的代码的例子，你可以注意到，TextField可以正常工作，而CheckBox不能！

浏览 1提问于2021-03-03得票数 1

2回答

在Reactjs中选中/取消选中属性onChange复选框

javascript、jquery、reactjs

我的react组件有问题。我有像这个这样的自定义样式的复选框目前，它只能在基本样式上工作，如果我准确地点击输入。如何正确更改checked state onChange？代码：getInitialState: function(){ checked: falsecomponentDidMo

浏览 1提问于2016-09-15得票数 2

回答已采纳

1回答

当道具更改时，不要重新呈现子组件

javascript、html、css、reactjs

我正在尝试创建一个嵌套/分组复选框列表，其中选择一个复选框(父)应该根据一个数据对象数组选择其他复选框(所有其子复选框)。现在，硬编码checked状态中的App.js值会反映复选框输出的滴答声，但是当状态通过将setState作为道具传递给子组件而被修改时，复选框不会更新。部分解决我所要做的事情的一种方法是在CheckBoxGroup

浏览 0提问于2020-01-15得票数 0

回答已采纳

2回答

React本机复选框不能取消检查

android、reactjs、react-native

我在我的反应本机应用程序中有一个CheckBox。按压时，它可以激活。然而，当再次按下，它不会取消检查本身。我做错了什么？title='Click Here' onChange

浏览 1提问于2020-04-11得票数 0

回答已采纳

1回答

选中所有未按预期操作的复选框

javascript、reactjs、ecmascript-6、formik

我正在尝试为我的主Formik React表单编写这个自定义react组件。但当我这么做的时候，它总是被选中的。我也不知道如何自动选择和取消选择其他复选框</e

浏览 3提问于2020-05-05得票数 2

回答已采纳

2回答

如何在React中一次只选中一个复选框，而不是选中所有复选框？

javascript、reactjs

我现在正在尝试对每个频道进行分类，以便用户更容易找到他们想要的内容。为了做到这一点，在创建聊天室频道时，我需要用户选择他们正在创建的频道最适合哪个类别。有点像你上传视频时YouTube所做的。到目前为止，我已经创建了一个单独的组件，它是一个复选框列表，其中包含用户可以将其频道放入的不同类别： {className={pr

浏览 93提问于2020-06-02得票数 1

3回答

使用使用类型记录的react复选框功能

reactjs、typescript

如何使复选框使如果标题复选框被选中，那么所有其他复选框将被选中，如果所有其他复选框将被取消选中？另外，如果选择了其他复选框，那么报头复选框应该是不确定的，使用？我在App.tsx中有以下代码import { useQuery } from "react-query"

浏览 11提问于2022-04-17得票数 0

2回答

使用React进行复选框验证

reactjs、validation

我目前正在开发一个具有复选框的表单，该复选框必须使用react进行验证。我需要它显示一个错误，说‘请选择至少2个复选框’，如果少于2个复选框被选中。我试过使用if条件，但它不起作用。我参考了很多网站，但无法找到一个适当的解决方案。请帮帮我。我的代码： state = { checkbox: &quo

浏览 1提问于2020-12-22得票数 1

回答已采纳

3回答

React复选框不切换

checkbox、reactjs

当我单击复选框时，复选标记不会消失，尽管onChange处理程序中的onChange表示状态更改为false。另一方面，当状态被单独的按钮更改时，复选标记就会正确地打开和关闭。this.state.is_checked});render(){ <input type="checkbox" onChange={this.updateCheckbox

浏览 5提问于2015-10-03得票数 34

回答已采纳

1回答

我是否可以使用React* Hooks跟踪多个复选框，或者我是否需要使用一个类组件？*

javascript、reactjs、forms、react-hooks

我正在学习React Hooks，并试图理解如何使用state管理多个复选框。如果我只有一个复选框，下面的代码可以工作-使用check作为状态-但当我有多个框时，这不起作用，因为onChange = {() => setCheck(!check)}将一次更改所有框的选中状态。我认为如果我使用一个React类组件(类似于this.handleCheckboxChange，只改变特定复选框

浏览 12提问于2021-05-04得票数 0

1回答

Dojo:以编程方式选择/取消选择增强网格的复选框

checkbox、dojo、dojox.grid.datagrid

我以编程方式创建了一个增强的网格，并根据特定条件使用间接选择插件创建了一个复选框/单选按钮列。其中一列包含一个格式化程序，我可以在其中动态创建一个组合框。我已经在这个组合框上附加了一个onChange处理程序，并且我希望在该onChange事件上获得复选框/单选按钮来选择。关于如何在增强的网格上获取复选框并设置属性，您有什么想法吗？在这一点上，我必须使用

浏览 3提问于2012-01-11得票数 0

1回答

如何调整列表(下拉列表)，复制React中选项选择器的原始代码？

javascript、reactjs、react-native、gatsby

我还在学习JavaScript，React和GatsbyJS。我很难重新调整列表(下拉列表(ul > li > input label > ul > li) )，复制@Smakosh的 (即选项选择(select > option) )的原始代码，因为列表中没有的是我想使用data-aria，但我不使用Bootstrap和jQuery。的原始代码： SelectLanguage = ({ selectLanguage，la

浏览 5提问于2020-08-15得票数 0

回答已采纳

2回答

如何更改一个元素的复选框状态而不是所有

javascript、reactjs、react-state

当我有两个复选框时，我试图更改复选框的状态，但是所有的复选框都同时被选中，我尝试了5天的不同解决方案，但仍然没有.我的反应很新，所以我迷路了。import React, { ChangeEvent, useCallback, useState } from 'react'; import ReactDOM from 'react-dom';label="Controlled usage

浏览 4提问于2022-09-18得票数 1

回答已采纳

1回答

“无法读取属性”错误

javascript、reactjs、react-native

我正在尝试选中react中的复选框(component)，并尝试检查所有变量。我把代码写成：import React, { Component } from 'react' Card, CardBody,FormGroup, Input, export default class

浏览 1提问于2021-06-09得票数 0

回答已采纳

点击加载更多