checkbox 相关问题

停止空格键切换只读复选框

我们有一些只读的 HTML 输入复选框，因为它们的选中状态由另一个源控制，但可以通过按空格键来切换和切换这些复选框。这幸福...

React Native - 如何选择多个项目并显示它们？

我想显示选定的项目，但我遇到的情况是不显示图像，只显示背景颜色。 ProductData中有图像uri，所以我想显示uri。另一个

WPF 中的只读切换按钮或复选框

默认情况下，WPF ToggleButton 或 CheckBox（继承 ToggleButton）没有某种 ReadOnly 属性来阻止用户更改值。 一项技术在于设置

如何在 powerapps 中的图库内修补多个选择复选框库

需要您的帮助... 我在 powerapps 中创建了一个表单，但没有使用表单控件。我用画廊控件代替。所以我使用 forall 和 patch 函数写回所有答案...

再次打开文档后切换复选框未选中

我是 React 新手，我有一个引导开关复选框，对我来说，该值保存在 mongodb 中，但我的问题是当我再次打开文档时，该复选框不在该位置...

单击行中的图标时，如何防止离子复选框被选中？

我正在使用 Ionmic 7 和 React 18。我有一个可以检查或编辑的简单项目列表。 选择商品 我正在使用 Ionmic 7 和 React 18。我有一个可以检查或编辑的简单项目列表。 <IonList> <IonLabel> <strong>Select Items</strong> </IonLabel> {items.map((item) => ( <IonItem key={item}> <IonCheckbox slot="start" name="selectedItems" value={item} /> <IonLabel>{item}</IonLabel> <IonIcon icon={pencilOutline} slot="end" onClick={onEditHandler(item)} style={{ marginLeft: '10px' }} /> </IonItem> ))} </IonList> 问题是当我单击“编辑”图标（铅笔）时，复选框被选中，并且我的编辑处理程序未被调用。演示在这里 - https://stackblitz.com/edit/an5yjh-i9tnnh?file=src%2FApp.tsx,src%2Fcomponents%2FFormWithChceckboxes.tsx。我想将其添加到处理程序中 e.stopPropagation(); 会阻止选中复选框，并且该过程可以继续，但显然不是。 您可以通过向编辑图标添加 z 索引以将其放置在 IonItem 上方来解决该问题，如下所示： <IonIcon icon={pencilOutline} slot="end" onClick={onEditHandler(item)} style={{ marginLeft: '10px', zIndex:10 }} /> 我建议您使用语法正确的 HTML，通过使用 button 来触发操作 😉 <IonButton fill="clear" onClick={() => onEditHandler(item)}> <IonIcon slot="icon-only" icon={pencilOutline}></IonIcon> </IonButton> 这样你就不需要与冒泡效果作斗争了。 https://stackblitz.com/edit/an5yjh-b5wpv5?file=src%2Fcomponents%2FFormWithChceckboxes.tsx

选择所有页面中的所有复选框

我在 ASP.NET MVC 中创建了一个包含复选框的表。您可以将此表视为带有复选框的表。我已经实现了一个允许自动检查复选框的脚本...

React JS 中父项和子项之间的检查和取消检查逻辑

在React JS中，我面临着当我单击品牌时所有模型子项都被选中的问题。 如果我取消选中品牌，所有模型儿童都会隐藏起来。 帮我写一个逻辑，例如：- 如果我...

在 Laravel 中激活/停用多个客户端

我正在使用 Laravel 5.1 我有一张客户桌。客户将创建他们的帐户并等待管理员批准。管理员可以随时激活、停用或阻止它们。我有三个链接（我可以更改...

取消选中数据 DataGridView 中的复选框时清除文本框

在 FormLoad 的 DataGridView2 中使用此复选框 Dim chk1 As DataGridViewCheckBoxColumn = New DataGridViewCheckBoxColumn() DataGridView2.Columns.Add(chk1) chk1.HeaderText = "Keuze&quo...

PyQt Tree Widget，添加动态删除复选框

我正在尝试创建一个树小部件，它本质上允许用户查看数据的各种细分，并可以选择删除某些项目。为了做到这一点，我想检查...

如何在WPF单选按钮中设计类似复选框的样式

我想要一个类似于复选框的单选按钮，所以我在字典文件中定义了一个样式，例如： 我想要一个类似于复选框的单选按钮，所以我在字典文件中定义了一个样式，例如： <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:WpfCheckBoxLikeRadiobutton"> <Style x:Key="MyRadioButton" TargetType="{x:Type RadioButton}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type RadioButton}"> <Grid> <CheckBox IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsChecked, Mode=TwoWay}" IsHitTestVisible="False" /> <CheckBox IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsChecked, Mode=TwoWay}" Opacity="0"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> 并将其合并到 app.xaml 文件中，如下所示 <Application x:Class="WpfCheckBoxLikeRadiobutton.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:WpfCheckBoxLikeRadiobutton" StartupUri="MainWindow.xaml"> <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="Dictionary1.xaml" /> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Application.Resources> 然后在我的窗口中使用它 <GroupBox Margin="5" Padding="5"> <StackPanel > <CheckBox Content="this is checkbox" /> <RadioButton Content="this is first radio button" Style="{DynamicResource MyRadioButton}"/> <RadioButton Content="this is Second radio button" Style="{DynamicResource MyRadioButton}"/> <RadioButton Content="this is third radio button" Style="{DynamicResource MyRadioButton}"/> </StackPanel> </GroupBox> 但是为单选按钮指定样式后，该内容将消失。 我的风格有什么问题吗？ 发生这种情况是因为您忽略了自己的控制内容ControlTemplate。你的风格应该是这样的： <Style x:Key="MyRadioButton" TargetType="{x:Type RadioButton}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type RadioButton}"> <Grid> <CheckBox IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsChecked, Mode=TwoWay}" IsHitTestVisible="False" Content="{TemplateBinding Content}" /> <CheckBox IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsChecked, Mode=TwoWay}" Content="{TemplateBinding Content}" Opacity="0"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> 我认为你甚至可以做得更简单，让它看起来更好，只需右键单击 --> EditStyle 并用模板中的矩形替换每个椭圆。有很多动画你不会因为这种方式而丢失。 这就是我所做的，看起来不错，如果你愿意，你也可以从复选框样式中复制“CheckIcon”，使其看起来完全像一个复选框。 除了 Verbon 的答案之外，我还有一种样式，其中复选框看起来像单选按钮。 <Style x:Key="CheckBoxRadioButtonStyle" TargetType="CheckBox"> <Setter Property="Background" Value="Transparent"/> <Setter Property="Foreground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/> <Setter Property="Padding" Value="3"/> <Setter Property="HorizontalAlignment" Value="Center"/> <Setter Property="VerticalAlignment" Value="Center"/> <Setter Property="HorizontalContentAlignment" Value="Left"/> <Setter Property="VerticalContentAlignment" Value="Center"/> <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/> <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}"/> <Setter Property="MinWidth" Value="30"/> <Setter Property="UseSystemFocusVisuals" Value="True"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="CheckBox"> <Grid BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"> <Grid.ColumnDefinitions> <ColumnDefinition Width="20"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Normal"/> <VisualState x:Name="PointerOver"> </VisualState> <VisualState x:Name="Pressed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="OuterEllipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightBaseMediumBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="CheckOuterEllipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightBaseMediumBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CheckOuterEllipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightTransparentBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CheckGlyph"> <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAltBaseMediumBrush}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Disabled"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="OuterEllipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledBaseLowBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="CheckOuterEllipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledBaseLowBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CheckOuterEllipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="Transparent"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CheckGlyph"> <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledBaseLowBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledBaseLowBrush}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> <VisualStateGroup x:Name="CheckStates"> <VisualState x:Name="Checked"> <Storyboard> <DoubleAnimation Duration="1" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="CheckGlyph"/> <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="OuterEllipse"/> <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="CheckOuterEllipse"/> </Storyboard> </VisualState> <VisualState x:Name="Unchecked"> <Storyboard> <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="OuterEllipse"/> <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="CheckOuterEllipse"/> <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="CheckGlyph"/> </Storyboard> </VisualState> <VisualState x:Name="Indeterminate"/> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Grid Height="32" VerticalAlignment="Top"> <Ellipse x:Name="OuterEllipse" Height="20" Fill="Green" Stroke="Green" Opacity="0" StrokeThickness="{ThemeResource RadioButtonBorderThemeThickness}" UseLayoutRounding="False" Width="20"/> <Ellipse x:Name="CheckOuterEllipse" Fill="White" Height="20" Opacity="1" Stroke="Gray" StrokeThickness="{ThemeResource RadioButtonBorderThemeThickness}" UseLayoutRounding="False" Width="20"/> <Ellipse x:Name="CheckGlyph" Fill="White" Height="12" Opacity="1" UseLayoutRounding="False" Width="12"/> </Grid> <ContentPresenter x:Name="ContentPresenter" AutomationProperties.AccessibilityView="Raw" ContentTemplate="{TemplateBinding ContentTemplate}" ContentTransitions="{TemplateBinding ContentTransitions}" Content="{TemplateBinding Content}" Grid.Column="1" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" TextWrapping="Wrap" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> 然后将上面的样式合并到Verbon的样式中： <Grid> <CheckBox IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsChecked, Mode=TwoWay}" IsHitTestVisible="False" Content="{TemplateBinding Content}" Style="{StaticResource CheckBoxRadioButtonStyle}"/> <CheckBox IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsChecked, Mode=TwoWay}" Content="{TemplateBinding Content}" Opacity="0" Style="{StaticResource CheckBoxRadioButtonStyle}"/> </Grid>

如何使用vb.net将选中和未选中的复选框从datagridview保存到数据库？

私有子 btnSave_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) 处理 btnSave.Click 尝试 myconnection.Open() '变量声明 暗淡 str As ...

Blazor - InputCheckbox：根据数据库表中的内容进行复选框

我正在尝试根据数据库表中包含的数字预填充复选框。例如，表条目可以包括： 用户身份 商品编号 1 4 1 5 1 10 2 4 2 6 2 54 在我的页面上，我会

CSS 问题，文本和复选框未对齐

我有一个 css 样式问题，其中文本框和文本未对齐。下面是我的代码。我需要帮助来解决这个问题。 谢谢 我有一个 css 样式问题，其中文本框和文本未对齐。下面是我的代码。我需要帮助来解决这个问题。 谢谢 <div> <input type="checkbox" [checked]="section?.data?.allowMe" class="pointer-events-none" /> <label class="ml-2 view-text" for="allMe" >Allow LostOfData to be Seen</label > </div> 使用 Flexbox (https://css-tricks.com/snippets/css/a-guide-to-flexbox/): div { display: flex; align-items: center; }

Bootstrap 5 Accordion 中的意外复选框行为

我有一个选择的复选框项目，我想将它们放入 Bootstrap 5 手风琴元素中。复选框项目在开放状态下工作正常（选中复选框会将项目添加到数组中；取消选中它们...

PrimeNg 复选框执行功能

我一直在尝试让一个函数在按下数据表中的复选框时发生。基本上我拥有的是一个包含默认值的数据表（例如 1 到 10）。然后我给出一个数组

当我的所有复选框输入都具有相同名称时，如何滚动到第一个错误？

我正在使用 React 18、Ionic 7 和 Formik 2.4.3。当我想滚动到错误位置的顶部时，我使用一个组件 导出 const getFieldErrorNames = (formikErrors) => { 合作...

确保至少选中一个复选框

我有一个带有多个复选框的表单，我想使用 JavaScript 来确保至少选中一个。这就是我现在所拥有的，但无论选择什么，都会弹出警报。 JS（错误）

Excel 改进建议：在自动筛选下拉列表中仅选择一个复选框的快捷方式

我们当前在 Excel 中使用过滤器所做的一件事是仅显示一个特定值。 大多数情况下，过滤器复选框是“全部或部分选择”（很少全部未选择），以便显示...