checkbox 相关问题

我有一个用 php sql 生成的复选框树，结构如下所示：父元素我有一个用 php sql 生成的复选框树，结构如下所示： <input class="level_" name="1" type="checkbox" /> Parent element <input class="level_z" name="153" type="checkbox" /> Child element <input class="level_z" name="481" type="checkbox" /> Child element <br/> <input class="level_" name="5" type="checkbox" /> Parent element <input class="level_zz" id="845" type="checkbox" /> Child element <input class="level_zz" id="5613" type="checkbox" /> Child element <input class="level_" name="2" type="checkbox" /> Parent element <input class="level_z" name="154" type="checkbox" /> Child element <input class="level_z" name="482" type="checkbox" /> Child element <br/> <input class="level_" name="8" type="checkbox" /> Parent element <input class="level_zz" id="659" type="checkbox" /> Child element <input class="level_zz" id="3643" type="checkbox" /> Child element 我希望在选择父级时选择子元素，但由于它们所有父级和子级都具有相同的 id，所以我不能将它们视为单独的组。我有一个 jquery 设法选择父级之后的所有 level_zz 子级直到下一个父级，但这还不够： $('.level_').change(function() { $(".level_").nextUntil(".level_zz").attr('checked', $(this).attr('checked')); }); 如果没有唯一的父级标识，我不知道如何做到这一点，而且我也无法更改复选框的生成方式。我希望代码是： "if certain parent (no unique class but unique name) is selected select all it's children too." 你可以的， $('.level_').change(function() { $(this).nextUntil(".level_").prop('checked', this.checked); }); 小提琴不要使用硬编码的父名称，只需使用 this（当前对象）即可。然后使用 nextUntil(next parent selector) 选择当前元素之后和下一个父元素之前的所有子元素。 /* 命名空间 Zoho_HybridFramework { 公共类 ExtentManager { 公共静态 ExtentHtmlReporter htmlReporter; private static ExtentReports extent; private ExtentManager() { } public static ExtentReports getInstance() { if (extent == null) { string reportFile = DateTime.Now.ToString().Replace("/", "_").Replace(":", "_").Replace(" ", "_") + ".html"; htmlReporter = new ExtentHtmlReporter(Constants.REPORT_PATH + reportFile); extent = new ExtentReports(); extent.AttachReporter(htmlReporter); extent.AddSystemInfo("OS", "Windows"); extent.AddSystemInfo("Host Name", "Gunjan"); extent.AddSystemInfo("Environment", "QA"); extent.AddSystemInfo("UserName", "Gunjan"); string filePath = Path.GetDirectoryName(System.AppDomain.CurrentDomain.BaseDirectory); filePath = Directory.GetParent(Directory.GetParent(filePath).FullName).FullName; htmlReporter.LoadConfig(filePath + "\\util\\extent-config.xml"); } return extent; } } }*/ 我尝试使用 id 和 name，所以我尝试使用此代码来识别屏幕上的元素，并创建一个测试报告。 dll 不工作。希望应用程序可扩展，即能够添加实现新命令的新模块，而无需更改主应用程序源。这棵树看起来像：希望应用程序可扩展，即能够添加实现新命令的新模块，而无需更改主应用程序源。这棵树看起来像：希望应用程序可扩展，即能够添加实现新命令的新模块，而无需更改主应用程序源。这棵树看起来像：

javascript jquery checkbox

回答 2 投票 0

复选框已选中但返回 false

如果选中复选框，我想使用一些JS来执行功能。但是，我的输入字段复选框在选中时不断返回 false，我不明白为什么。这是 HTML： <...

javascript if-statement checkbox checked

回答 1 投票 0

Word 2016 VBA：用户表单复选框提供第二个 MSDOC 复选框

标题：Word 2016：VAB 复选框：将用户窗体复选框的变量显示到覆盖的 Word 文档内的另一个变量复选框。我有一个 Word 文档，其中有 6 个复选框，分为 2 组，每组 3 个...

checkbox ms-word userform

回答 1 投票 0

Flutter/Rive：复选框动画显示视觉切换，但仍然无法更新状态

上下文我正在开发一个 Flutter 应用程序，该应用程序使用 Rive 动画作为复选框。虽然点击时复选框会在视觉上正确切换，但编程状态不会反映这些变化...

flutter checkbox flutter-dependencies flutter-animation rive

回答 1 投票 0

如何修复在使用 React Native Paper 中的复选框时出现在复选框位置的表情符号？

我正在使用react-native-paper中的复选框组件，并且出现的是这个表情符号而不是复选框婴儿表情符号代替复选框屏幕进口从“react-native-p...

react-native checkbox react-native-paper

回答 2 投票 0

我想问一下，尽管 opt.checked 为 true，但这些多个复选框未与 [checked] 双向绑定绑定有什么问题

<div style="display: table-caption" [id]="question.key" *ngSwitchCase="'checkbox'"> <div *ngFor="let opt of question.options; let i = index" style="display: flex; flex-direction: column;">  <mat-checkbox [formControlName]="question.key" style="padding-bottom: 12px;" #checkBox [checked]="opt.checked" (change)="getCheckbox(checkBox)" [value]="opt.key" [name]="opt.key">{{opt.value}} </mat-checkbox> </div> </div> 我想问一下，尽管 opt.checked 是 true，但这些多个 checkboxex 没有与 [checked] 双向绑定绑定有什么问题。我希望选中复选框，当我用 formControl 交换 ngFor 时它可以工作，但当我使用角度动态表单检查时我将无法验证当您将 mat-checkbox 与 FormControl 一起使用时，您不应该使用选中（如果您使用模板驱动表单，则等于。您应该通过 formControl 管理值）例如 subtasks: [ {name: 'Primary', completed: false}, {name: 'Accent', completed: false}, {name: 'Warn', completed: false}, ], form=new FormGroup({ Primary:new FormControl(false), Accent:new FormControl(false), Warn:new FormControl(false), }) 并使用： <ul [formGroup]="form"> @for (subtask of task.subtasks; track subtask) { <li> <mat-checkbox [formControlName]="subtask.name"> {{subtask.name}} </mat-checkbox> </li> } </ul> 另一种方法是使用检查的属性和事件更改的方式 <ul> @for (subtask of task.subtasks; track subtask) { <li> <mat-checkbox [checked]="form.get(subtask.name)?.value" (change)="form.get(subtask.name)?.setValue($event.checked)"> {{subtask.name}} </mat-checkbox> </li> } </ul> a stackblitz 就像 Angular 中使用反应形式的示例一样。看到 stackblitz 中有两个函数和一个变量 allComplete allComplete: boolean = false; someComplete(): boolean { return Object.keys(this.form.controls) .filter(key => this.form.get(key)?.value).length > 0 && !this.allComplete; } updateAllComplete() { this.allComplete = Object.keys(this.form.controls) .filter(key => !this.form.get(key)?.value).length==0 } //in setAll setAll(completed: boolean) { this.allComplete=completed //<--we add this line also this.subtasks.forEach(t => this.form.get(t.name)?.setValue(completed)); } 管理典型的“selectAll”

angular checkbox angular-material

回答 1 投票 0

尝试过滤两个相互依赖的组合框的选择时，如何处理 powerapps 中的循环引用错误？

我正在使用 PowerApps 创建一个小应用程序，其中包含两个组合框，它们过滤数据表上显示的信息，这些信息来自名为 Table 的 Excel 工作表。更具体...

checkbox circular-reference powerapps

回答 2 投票 0

在反应本机弹性复选框中从购物车模式中删除购物车减速器中的项目时，复选框不会更新已选中或未选中

当我在菜单页面上时，用户可以检查菜单项以将其添加到购物车，然后将所选项目添加到购物车。如果 cart.selecteditems.length > 0，用户可以打开购物车模式并...

react-native checkbox

回答 2 投票 0

全部复选框不会选中所有其他复选框

我通过单击sheet1 中的按钮来调用用户窗体。 UserForm 由 Private Sub UserForm_Initialize() 中的代码创建。用户窗体包含一个由多个复选框填充的框架。其中之一

excel vba checkbox frame userform

回答 1 投票 0

HTML/CSS：如何使复选框在放大时变大，在缩小时缩小？

我有这个简单的测试代码： ul{ 向左飘浮; 保证金：0；列表样式：无；填充：0； } </...</desc> <question vote="8"> <p>我有这个简单的代码用于测试：</p> <pre><code><html> <head> <style type="text/css"> ul{ float:left; margin:0; list-style:none; padding:0; } </style> </head> <body> <ul> <li><input type="checkbox" id="c1" class="checkBox">a</li> <li><input type="checkbox" id="c2" class="checkBox"/>b</li> <li><input type="checkbox" id="c3" class="checkBox"/>c</li> </ul> <ul> <li><input type="checkbox" id="c4" class="checkBox"/>d</li> <li><input type="checkbox" id="c5" class="checkBox"/>e</li> <li><input type="checkbox" id="c6" class="checkBox" />f</li> </ul> <ul> <li><input type="checkbox" id="c7" class="checkBox"/>g</li> <li><input type="checkbox" id="c8" class="checkBox"/>h</li> <li><input type="checkbox" id="c9" class="checkBox"/>i</li> </ul> </body> </html> </code></pre> <p>这是结果：</p> <p><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzZCZGl3LnBuZw==" alt="enter image description here"/></p> <p>但是如果我缩小，文本会变小，但复选框保持不变</p> <p><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL3I1WXp6LnBuZw==" alt="enter image description here"/></p> <p>如果我放大文本会变大，但复选框保持不变</p> <p><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL3ZoZ210LnBuZw==" alt="enter image description here"/></p> <p>是否可以使复选框也改变其大小？例如与标签的大小成比例？预先感谢</p> </question> <answer tick="true" vote="5"> <p><a href="http://jsfiddle.net/cW4Vf/" rel="nofollow noreferrer"><strong>jsFiddle 演示</strong></a></p> <p>使用 CSS3 缩放列表以及浏览器呈现的复选框！</p> <pre><code>.extraLarge ul { transform: scale(1.50); padding: 10px; } </code></pre> <p></p><div data-babel="false" data-lang="js" data-hide="true" data-console="true"> <div> <pre><code>body { margin: 20px; } .clear { clear: both; padding-bottom: 20px; } .text{ font-size: 20px; text-shadow: 1px 1px 1px #00ff00, 0px 0px 0px #000000; } ul { float:left; margin:0px; list-style:none; padding:0px; } .smallest ul { transform: scale(0.50); } .small ul { transform: scale(0.75); } .normal ul { transform: scale(1); } .large ul { transform: scale(1.25); padding: 5px; } .extraLarge ul { transform: scale(1.50); padding: 10px; } /* Add li to all above 'size' CSS Selectors for different layout. Example: .extraLarge ul li { */</code></pre> <pre><code><p class="text">Smallest</p> <div class="smallest"> <ul> <li> <input type="checkbox" class="checkBox" />a</li> <li> <input type="checkbox" class="checkBox" />b</li> <li> <input type="checkbox" class="checkBox" />c</li> </ul> <ul> <li> <input type="checkbox" class="checkBox" />d</li> <li> <input type="checkbox" class="checkBox" />e</li> <li> <input type="checkbox" class="checkBox" />f</li> </ul> <ul> <li> <input type="checkbox" class="checkBox" />g</li> <li> <input type="checkbox" class="checkBox" />h</li> <li> <input type="checkbox" class="checkBox" />i</li> </ul> </div> <div class="clear"></div> <p class="text">Small</p> <div class="small"> <ul> <li> <input type="checkbox" id="c10" class="checkBox" />a</li> <li> <input type="checkbox" id="c11" class="checkBox" />b</li> <li> <input type="checkbox" id="c12" class="checkBox" />c</li> </ul> <ul> <li> <input type="checkbox" id="c13" class="checkBox" />d</li> <li> <input type="checkbox" id="c14" class="checkBox" />e</li> <li> <input type="checkbox" id="c15" class="checkBox" />f</li> </ul> <ul> <li> <input type="checkbox" class="checkBox" />g</li> <li> <input type="checkbox" class="checkBox" />h</li> <li> <input type="checkbox" class="checkBox" />i</li> </ul> </div> <div class="clear"></div> <p class="text">Normal</p> <div class="normal"> <ul> <li> <input type="checkbox" class="checkBox" />a</li> <li> <input type="checkbox" class="checkBox" />b</li> <li> <input type="checkbox" class="checkBox" />c</li> </ul> <ul> <li> <input type="checkbox" class="checkBox" />d</li> <li> <input type="checkbox" class="checkBox" />e</li> <li> <input type="checkbox" class="checkBox" />f</li> </ul> <ul> <li> <input type="checkbox" class="checkBox" />g</li> <li> <input type="checkbox" class="checkBox" />h</li> <li> <input type="checkbox" class="checkBox" />i</li> </ul> </div> <div class="clear"></div> <p class="text">Large</p> <div class="large"> <ul> <li> <input type="checkbox" class="checkBox" />a</li> <li> <input type="checkbox" class="checkBox" />b</li> <li> <input type="checkbox" class="checkBox" />c</li> </ul> <ul> <li> <input type="checkbox" class="checkBox" />d</li> <li> <input type="checkbox" class="checkBox" />e</li> <li> <input type="checkbox" class="checkBox" />f</li> </ul> <ul> <li> <input type="checkbox" class="checkBox" />g</li> <li> <input type="checkbox" class="checkBox" />h</li> <li> <input type="checkbox" class="checkBox" />i</li> </ul> </div> <div class="clear"></div> <p class="text">Extra Large</p> <div class="extraLarge"> <ul> <li> <input type="checkbox" class="checkBox" />a</li> <li> <input type="checkbox" class="checkBox" />b</li> <li> <input type="checkbox" class="checkBox" />c</li> </ul> <ul> <li> <input type="checkbox" class="checkBox" />d</li> <li> <input type="checkbox" class="checkBox" />e</li> <li> <input type="checkbox" class="checkBox" />f</li> </ul> <ul> <li> <input type="checkbox" class="checkBox" />g</li> <li> <input type="checkbox" class="checkBox" />h</li> <li> <input type="checkbox" class="checkBox" />i</li> </ul> </div></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="2"> <p>您可以通过 CSS3 a 使用 :checked 选择器来完成此操作。它的作用是使用带有背景图像的样式输入。因此，当您放大/缩小时，它会随着文本一起重新调整大小。不幸的是，它在 IE9 及以下版本中不起作用。</p> <p>CSS：</p> <pre><code>.theCheckbox input { display: none; } .theCheckbox span { width: 20px; height: 20px; display: block; background: url("link_to_image"); } .theCheckbox input:checked + span { background: url("link_to_checked_image"); } </code></pre> <p>HTML：</p> <pre><code><label for="test">Label for checkbox</label> <label class="theCheckbox"> <input type="checkbox" name="test"/> <span></span> </label> </code></pre> </answer> <answer tick="false" vote="1"> <p>您可以创建自己的复选框控件，这样您就不会依赖本机操作系统实现。当您使用常见的 html 元素创建它时，浏览器缩放将顺利进行。</p> <p>有很多现有的库插件（例如 jQuery）</p> </answer> <answer tick="false" vote="0"> <p>Firefox 具有 <strong>“纯文本”</strong> 缩放功能，不像 Chrome 缺乏此功能。</p> <p>要在 Firefox 中放大<strong>所有内容</strong>，请<strong>删除</strong>复选标记并重置缩放级别。</p> <p><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1ZTSExBLnBuZw==" alt="enter image description here"/></p> <p>对于 Chrome 浏览器，请查看具有此功能的 Zoom 插件。</p> </answer> </body></html>

html css checkbox

回答 0 投票 0

选择 selectInput 时添加标签会更改标签的 pos 和 neg 高度

我有一个应用程序，可以选择将 p 值水平显示为星号，将置信区间显示为误差线。当所有观察结果都是积极的时，它就会按预期工作：星号位于...

r if-statement ggplot2 checkbox shiny

回答 1 投票 0

请支持使用 PyPDF2 在 Python 中标记单选按钮

下面是我的代码。我可以填写 PDF 文件中的文本字段，但在标记单选按钮时，我找不到任何解决方法。单选按钮字段的名称是 Case d'opt...

python checkbox radio-button field pypdf

回答 1 投票 0

checkbox 相关问题

最新问题