checkbox 相关问题

页面刷新时复选框保持选中状态

这是一个非常简单的问题（我认为）。 可能是转发，但我在这里找不到答案......所以我们开始吧。 我在页面上有一个复选框，我想默认为“未选中”（除非我指定......

单选按钮出现两次primereact数据表reactjs

处理primereact数据表复选框和单选按钮，在我们部署应用程序的少数环境中，我们可以看到单选按钮或复选框出现两次，如下所示： 我能看到一些

如何在论坛上提交帖子之前添加 GDPR 接受隐私复选框

首先我要对所有试图提供帮助的人表示极大的敬意 我不是程序员..我的编码经验几乎为零，我知道它可能不聪明，但我决定开网店

添加退货和退款政策复选框，并在 WooCommerce 条款和条件复选框下方添加链接

我想在 WooCommerce 的条款和条件复选框下方添加退货和退款政策复选框。我已经创建了退货和退款页面，我想要一个与条款和

Wordpress 和 woocommerce 复选框不可见

我使用 Wordpress 和 woocommerce https://wordpress.org/plugins/woocommerce/ 和businessx主题https://wordpress.org/themes/businessx/ 我的问题是复选框不可见，我需要显示...

VBA - 从常规检查中排除某些框

嗨， 我运行这个简单的代码来计算用户表单中的某些内容；填写一些框后，单击按钮即可获取结果 - 单击时，它会检查是否所有框都已填写

复选框组过滤器如何放入where子句中

我有一个交互式报告，其中包含一些在此报告中用作过滤器的项目，例如文本字段、选择列表等。 现在我有一个复选框组，但我不知道如何将输入放在哪里

如何创建带有可点击标签的复选框？

如何创建带有可单击标签的 HTML 复选框（这意味着单击标签可打开/关闭复选框）？

我需要在复选框为 TRUE 时运行脚本

我有一列 (J) 复选框，并且想要在复选框的同一行上运行宏。例如，单击 J5 中的框即可在 K5 中显示小时：分钟。无论复选框是否为...

为什么使用 document.querySelectorAll() 选择复选框不起作用？

我有以下代码，主要来自How can I select all checkboxes from a form using pure JavaScript，但它不起作用。 测试.html </desc> <question vote="3"> <p>我有以下代码，主要来自<a href="https://stackoverflow.com/questions/7791507/how-can-i-select-all-checkboxes-from-a-form-using-pure-javascript-without-js-fr">如何使用纯 JavaScript 从表单中选择所有复选框</a>，但它不起作用。</p> <p><strong>测试.html</strong></p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script&gt; function select(){ var inputs = document.querySelectorAll(&#34;input[type=&#39;checkbox&#39;]&#34;); for(var i = 0; i &lt; inputs.length; i++) { inputs[i].checked = true; } } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form id=&#34;myId&#34; name=&#34;myForm&#34;&gt; &lt;input type=&#34;checkbox&#34; value=&#34;1&#34;/&gt; 1 &lt;input type=&#34;checkbox&#34; value=&#34;2&#34;/&gt; 2 &lt;input type=&#34;checkbox&#34; value=&#34;3&#34;/&gt; 3 &lt;input type=&#34;button&#34; onclick=&#34;select()&#34; value=&#34;Select all&#34;/&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>单击按钮不会执行任何操作。 我一定在这里做错了什么，但我就是挑不出它来。</p> </question> <answer tick="false" vote="5"> <p>试试这个...</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script&gt; function test(){ var inputs = document.querySelectorAll(&#34;input[type=&#39;checkbox&#39;]&#34;); for(var i = 0; i &lt; inputs.length; i++) { inputs[i].checked = true; } } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form id=&#34;myId&#34; name=&#34;myForm&#34;&gt; &lt;input type=&#34;checkbox&#34; value=&#34;1&#34;/&gt; 1 &lt;input type=&#34;checkbox&#34; value=&#34;2&#34;/&gt; 2 &lt;input type=&#34;checkbox&#34; value=&#34;3&#34;/&gt; 3 &lt;input type=&#34;button&#34; onclick=&#34;test()&#34; value=&#34;Select all&#34;/&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> </answer> <answer tick="true" vote="3"> <p>尝试使用其他函数名称<pre><code>select</code></pre>，其余的代码就可以了。</p> </answer> <answer tick="false" vote="1"> <p><pre><code>select</code></pre> 是 HTMLInputElement 上定义的本机方法，用于聚焦选定的输入元素。 <br/> <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select" rel="nofollow">选择</a> <br/></p> <p>解决方案1：更改函数的名称。 <br/> 解决方案2：尝试用 <pre><code>onclick=&#34;window.select()&#34;</code></pre> 代替 <pre><code>onclick=&#34;select()&#34;</code></pre></p> </answer> <answer tick="false" vote="0"> <p>我建议你使用<strong>Jquery</strong>并这样做：</p> <p><strong><a href="http://jsfiddle.net/ywv8x28x/" rel="nofollow">现场演示</a></strong></p> <p><strong>HTML</strong></p> <pre><code>&lt;ul class=&#34;chk-container&#34;&gt; &lt;li&gt;&lt;button id=&#34;selecctall&#34;&gt;select all&lt;/button&gt; &lt;li&gt;&lt;input class=&#34;checkbox1&#34; type=&#34;checkbox&#34; name=&#34;check[]&#34; value=&#34;item1&#34;&gt; This is Item 1&lt;/li&gt; &lt;li&gt;&lt;input class=&#34;checkbox1&#34; type=&#34;checkbox&#34; name=&#34;check[]&#34; value=&#34;item2&#34;&gt; This is Item 2&lt;/li&gt; &lt;li&gt;&lt;input class=&#34;checkbox1&#34; type=&#34;checkbox&#34; name=&#34;check[]&#34; value=&#34;item3&#34;&gt; This is Item 3&lt;/li&gt; &lt;li&gt;&lt;input class=&#34;checkbox1&#34; type=&#34;checkbox&#34; name=&#34;check[]&#34; value=&#34;item4&#34;&gt; This is Item 4&lt;/li&gt; &lt;li&gt;&lt;input class=&#34;checkbox1&#34; type=&#34;checkbox&#34; name=&#34;check[]&#34; value=&#34;item5&#34;&gt; This is Item 5&lt;/li&gt; &lt;li&gt;&lt;input class=&#34;checkbox1&#34; type=&#34;checkbox&#34; name=&#34;check[]&#34; value=&#34;item6&#34;&gt; This is Item 6&lt;/li&gt; &lt;li&gt;&lt;input class=&#34;checkbox2&#34; type=&#34;checkbox&#34; name=&#34;check[]&#34; value=&#34;item6&#34;&gt; Do not select this&lt;/li&gt; &lt;/ul&gt; </code></pre> <p><strong>Jquery</strong></p> <pre><code>$(document).ready(function() { $(&#39;#selecctall&#39;).mouseup(function(event) { //on click if(document.activeElement.tagName ===&#39;BUTTON&#39;) { // check select status $(&#39;.checkbox1&#39;).each(function() { //loop through each checkbox this.checked = true; //select all checkboxes with class &#34;checkbox1&#34; }); }else{ $(&#39;.checkbox1&#39;).each(function() { //loop through each checkbox this.checked = false; //deselect all checkboxes with class &#34;checkbox1&#34; }); } }); }); </code></pre> <p>更简单高效的方式</p> </answer> </body></html>

如何使用 document.querySelectorAll() 禁用复选框？

单击复选框后，我无法禁用该复选框。 该复选框已通过 document.querySelectorAll() 附加了一个类名。 我能够使用条件语句 where...

仅选择 getElementsByTagName 中的复选框输入，排除文本框输入

我有一个问题。当我选择复选框时，系统工作正常，总计值发生变化，但是一旦我修改文本输入，它就会更改为 0。我需要从

如何使用Javascript启用复选框？

我有 5 个带有 name 和 id 属性的复选框： 一个 我有 5 个带有 name 和 id 属性的复选框： <input type="checkbox" name="category" value="One" id=11>One<br/> <input type="checkbox" name="category" value="Two" id=12>Two<br/> <input type="checkbox" name="category" value="Three" id=13>Three<br/> <input type="checkbox" name="category" value="Four" id=14>Four<br/> 我希望 Javascript 代码使用该复选框 ID 启用 checkbox1。 尝试检查复选框： document.getElementById(<id of first checkbox>).checked = true; 尝试启用该复选框： document.getElementById(<id of first checkbox>).disabled = false; 尝试 document.myform.box1.checked = true; 或 document.getElementById('myid').checked = true; 查看完整示例：http://www.rgagnon.com/jsdetails/js-0007.html document.getElementById('checkbox1').checked = true; 要选中复选框，您可以使用： document.getElementById("Checkbox_ID").checked = true; 要取消选中复选框，您可以使用： document.getElementById("Checkbox_ID").checked = false; 欲了解更多信息，请访问此页面

选中复选框未传递实际值？

我的代码根据单选字段检查 2x 复选框的值是否等于 true/false。我看到网页上的复选框被勾选。 然而，一旦它们通过 HTML POST 表单传递，...

如何使用 jQuery 通过按钮选中/取消选中所有复选框？

我正在尝试使用 jQuery 选中/取消选中所有复选框。现在，通过选中/取消选中父复选框，所有子复选框也将与父复选框的文本一起被选中/取消选中

如何在 jQuery 中选择/取消选择所有复选框？ [重复]

我正在使用下面的示例 HTML 代码。使用 jQuery，我不确定如何使用 id="select-all" 来选中/取消选中以下所有复选框（其中 name="...

check() 与 setChecked(true) 剧作家

我试图了解 locator.check 和 locator.setChecked 设置为 true 时有什么区别。 我检查了文档，看起来它们基本上是相同的。 我查过了...

check 与 setChecked 剧作家

我试图了解 locator.check 和 locator.setChecked 之间的区别。 我检查了文档，看起来它们基本上是相同的。 我检查了它们的功能并...

带复选框的 C# MVVM WPF TreeView 不填充

我的问题是，当我尝试动态创建带有复选框的 TreeView 时，但 TreeView 是空的。 经过一番研究后我尝试了这个： 这是我的 XAML 树视图 我的问题是，当我尝试动态创建带有复选框的 TreeView 时，但 TreeView 是空的。 经过一些研究，我尝试了这个： 这是我在 XAML 中的树视图 <TreeView x:Name="TrwDonneesXml" HorizontalAlignment="Left" VerticalAlignment="Top" Grid.Row="8" Grid.Column="0" Height="420" Width="500" Margin="10,10,10,10" Background="LightGray" ScrollViewer.CanContentScroll="True" ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollBarVisibility="Auto" ItemsSource="{Binding Root, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" IsEnabled="True"> <TreeView.Resources> <HierarchicalDataTemplate DataType="{x:Type models:CheckableItem}" ItemsSource="{Binding Childrens, Mode=TwoWay}"> <StackPanel Orientation="Horizontal" > <!--These elements are bound to a CheckableItem object.--> <CheckBox Focusable="False" Content="{Binding Name}" IsChecked="{Binding IsChecked, Mode=TwoWay}" VerticalAlignment="Center"/> <!--<TextBlock Text="{Binding Name}" Margin="2,0"/>--> </StackPanel> </HierarchicalDataTemplate> </TreeView.Resources> </TreeView> 这是我的视图模型 namespace AsurEnvironnement.SynchronisationModule.ViewModels { public class Synchronisation2UserControlViewModel : ViewModelBase { [...] public ObservableCollection<CheckableItem> Root = new ObservableCollection<CheckableItem>(); ObservableCollection<CheckableItem> rootAChildrens = new ObservableCollection<CheckableItem>(); [...] public override async Task InitializeStepAsync() { try { ObservableCollection<CheckableItem> rootAChildrens = new ObservableCollection<CheckableItem>(); ObservableCollection<CheckableItem> rootBChildrens = new ObservableCollection<CheckableItem>(); CheckableItem rootA = new CheckableItem() { Name = "RootA" }; CheckableItem childrenA1 = new CheckableItem() { Name = "ChildrenA1" }; CheckableItem childrenA2 = new CheckableItem() { Name = "ChildrenA2" }; rootAChildrens.Add(childrenA1); rootAChildrens.Add(childrenA2); rootA.Childrens = rootAChildrens; CheckableItem rootB = new CheckableItem() { Name = "RootB" }; CheckableItem childrenB1 = new CheckableItem() { Name = "ChildrenB1" }; rootBChildrens.Add(childrenB1); rootB.Childrens = rootBChildrens; CheckableItem rootC = new CheckableItem() { Name = "RootC" }; Root.Add(rootA); Root.Add(rootB); Root.Add(rootC); [...] } catch (Exception ex) { ProcessSnackBar(ex.Message); _logger.LogError(ex.Message, ex); } finally { [...] } } [...] } 这是我的模型 namespace AsurEnvironnement.SynchronisationModule.Models { public class CheckableItem : DataModelBase, INotifyPropertyChanged { private bool? _isChecked; public ObservableCollection<CheckableItem> Childrens; public bool? IsChecked { get { return _isChecked; } set { _isChecked = value; foreach(CheckableItem children in Childrens) { children.IsChecked = true; } } } public string Name { get; set; } } } 我尝试使用 Console.WriteLine(TrwDonneesXml.HasItems); 检查数据是否存在但看不到，但结果为 false，因此我在调试模式下检查了 TrwDonneesXml.ItemsSource 为 null。 但我真的不明白为什么。 由于您的语义错误，TreeView 为空，导致 TreeView.ItemsSource 绑定失败。 这是一个字段： public ObservableCollection<CheckableItem> Root; 这是一处房产： public ObservableCollection<CheckableItem> Root { get; set; } 您基本上是使用字段初始值设定项初始化公共字段： public ObservableCollection<CheckableItem> Root = new ObservableCollection<CheckableItem>(); 但是，在 WPF 中，您只能绑定到公共属性，而不能绑定到字段。 正确的定义必须是： public ObservableCollection<CheckableItem> Root { get; } = new ObservableCollection<CheckableItem>();

更新数据网格中选定行的复选框

WPF 初学者这里可能是一个非常简单的问题。是否可以选择多行并选中所有选定的复选框？ 我想检查选定的 S601 和 S701 盒子...