开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如果父表单组值未选中(角度)，如何取消选中子窗体组值？

在前端开发中，如果父表单组值未选中，需要取消选中子窗体组值，可以通过以下步骤实现：

首先，需要获取父表单组的选中状态。可以通过监听父表单组的change事件或者使用JavaScript获取父表单组的值。
判断父表单组的选中状态，如果未选中，则需要取消子窗体组的选中状态。
获取子窗体组的所有选项，可以通过获取子窗体组的DOM元素或者使用JavaScript获取子窗体组的值。
遍历子窗体组的选项，将每个选项的选中状态设置为未选中。

以下是一个示例代码，演示如何取消选中子窗体组值：

<!DOCTYPE html>
<html>
<head>
  <title>取消选中子窗体组值</title>
</head>
<body>
  <form id="parentForm">
    <input type="checkbox" name="parentOption" value="option1"> Option 1<br>
    <input type="checkbox" name="parentOption" value="option2"> Option 2<br>
    <input type="checkbox" name="parentOption" value="option3"> Option 3<br>
  </form>

  <form id="childForm">
    <input type="checkbox" name="childOption" value="option1"> Option 1<br>
    <input type="checkbox" name="childOption" value="option2"> Option 2<br>
    <input type="checkbox" name="childOption" value="option3"> Option 3<br>
  </form>

  <script>
    var parentForm = document.getElementById("parentForm");
    var childForm = document.getElementById("childForm");

    parentForm.addEventListener("change", function() {
      var parentOptions = parentForm.elements["parentOption"];
      var childOptions = childForm.elements["childOption"];

      if (!parentOptions.checked) {
        for (var i = 0; i < childOptions.length; i++) {
          childOptions[i].checked = false;
        }
      }
    });
  </script>
</body>
</html>

在这个示例中，我们通过监听父表单组的change事件来判断父表单组的选中状态。如果父表单组未选中，就将子窗体组的选项逐个设置为未选中。

请注意，这只是一个简单的示例，实际应用中可能需要根据具体情况进行适当的修改。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

VCL 控件分类_验证控件的分类

） ShowModal()，Show()；（是否当前窗体关闭后才能操作父窗体：模态方式，非模态方式） Close(); （关闭窗体）（在Event 选项卡中） OnCreate(); 创建窗体是发生事件...可以用来做悬浮控件(该事件中将控件的Top属性设为一确定值)。 Anchors：可视控件的边界，在窗体大小变化时设置控件与窗体的某边距离不变。...指定Parent属性，依据Frames Name属性查找到该Frames并对其中子控件进行操作。...TBitButton Glyph：位图图像 Cancle：是否为取消按钮（ESC键起作用） Default：是否为默认按钮（Enter键起作用） TabOrder：组件的Tab 顺序 TabStop：焦点是否在该组件上停留...结合Style 为tbsCheck 使得相邻按钮为一组单选按钮。

4.3K1 0

【愚公系列】2023年11月 Winform控件专题 CheckedListBox控件详解

例如，如果您单击未选中的项，则会将其选中；而如果您单击选中的项，则会将其取消选中。另外，如果鼠标指针在项上滞留超过短暂时间，则该项将显示为选中状态。...如果需要显示多列，可以将该属性设置为大于零的值，并将CheckedListBox控件的MultiColumn属性设置为true。...如果需要显示更多列，可以相应地增加ColumnWidth属性的值，并将MultiColumn属性设置为true。...2.常用场景CheckedListBox控件常用于让用户从一个列表中选择多个选项的情况，其中每个选项都可以被勾选或取消勾选。...用户可以单击复选框以选中或取消选中一个项。以下是一个简单的示例，展示如何在Winforms应用程序中使用CheckBoxList控件。

1.1K1 1

WinForm TreeView的一点用法

TreeView一般都包含父节点和子节点，常规情况下有以下几种情况： 1.选中父节点之后，该父节点下面的所有子节点都被选中，取消选择父节点，则该父节点下面所有的子节点全部跟着取消选择。...2.如果某一个父节点下面有任何一个子节点被选中，那么该父节点也是处于选中状态。 3.如果某一个父节点下面最后一个处于选中的子节点被取消选中的话(这句话貌似有点绕口)，该父节点也要处于取消选中的状态。...4.页面首先将所有的数据加载到TreeView上面，然后TreeView根据不同的情况做出相应的调整，比如选择Admin组别的时候勾选所有的选项，勾选User组别的时候仅仅勾选允许登录的选项。...tvFunction.EndUpdate(); } 关于第4个问题，我遇到的情况是这样的，在权限设置里面我想在窗体Load的时候将所有的菜单组以及对应的子菜单都加载到树上面来，当我点击不同的角色的时候自动显示对应的权限...，比如，我点击Administrator”，则TreeView上面的所有菜单组以及子菜单全部都勾选上，如果我点击“普通用户”，则那些系统设置相关的内容都不勾选，这就是需求，下面我们来看看如何实现这个需求

1.3K1 0

Axure高保真教程：多选树形表格

一、效果展示点击表格左侧箭头，可以展开或者收起该行内容的子级内容点击父级行的多选按钮，可以选中或者取消选中当前行内容以及子级行内容点击子级行的多选按钮，可以选中或取消选中当前行的内容，并且根据子级选中的数量自动反选父级行...5）鼠标点击未选按钮时如果点击的是父级行，就是没有上一级，就相当于是从未选中变成选中，同时，我们要把该行对应的子级行选中。...，我们用更新行的交互，更新对应父级行xuanzhong列的值为半选；如果记录数等于0，就是一行都没有被选中，我们用更新行的交互，更新对应的父级行xuanzhong列的值为未选；当然在选中时不会出现该情况...7）鼠标点击全选按钮时这里代表我们要从选中变成未选中，这里同样要分父级行和子级行进行判断，也是通过判断shangyiji的值是否为空，如果为空，就代表没有父级，那他就是父级。...如果点击的是子级行，我们先用更新行的交互，将该行xuanzhogn列的值设置为未选。

971 0

VBA表单控件（三）

一、单选框单选框在网页中一般都有遇到，下面介绍如何在工作表中添加单选框，以及如何使用。...首先选择开发工具选项卡-插入-单选框（窗体控件），在工作表中任意画出几个单选框，Excel会按顺序给单选框命名。...二、分组框上面示例多个单选框就像是单选题，一道题和多个单选选项。如果有多道单选题如何实现呢？这就需要借助分组框，将不同组的单元框分隔开。...四个单选框为一组，选择不同的单选框，A4单元格显示的值不同。下面插入分组框，将选项按钮1和2框起来作为一组。可以发现此时点击选项按钮1和2，A4单元格的值随之变化。...设置完成后，复选框中选中后在链接单元格中会显示TRUE（对应数值1），而如果不选中则显示FASLE（对应数值0）。后面可以利用返回值结合函数和图标等扩展使用。

4.6K2 0

Java GUI编程11—单选按钮：JRadioButton

() 返回该按钮是否被选中，如果选定了按钮，则返回 true，否则返回 false。...现在只能选中一个按钮，如果选中下一个按钮，上一个选中的按钮就会变成未选中。...ButtonGroup group=new ButtonGroup(); //把单选按钮添加到按钮组中，这样只能选组中的一个按钮，真正实现单选 group.add(jradio1); group.add...序号方法描述 1 void itemStateChanged(ItemEvent e) 在用户已选定或取消选定某项时调用。...序号常量描述 1 public static int SELECTED 选项被选中 2 public static int DESELECTED 选项取消选中序号描述 1 public Object

4.6K2 0

C#项目实战练习：做自己的QQ

cboxRemember.Checked) //判断记住密码文本框为未选中状态 cboxAutoLogin.Checked = false; //自动登录设置为未选中...} 判断数据表中自动登录字段当我们第一次登录软件的时候，如果勾选了记住密码，当我们成功登录后，自动登录的字段值就会从默认的0变成1，提交修改到数据库中。 ...} 取消注册如果用户点击取消，则关闭该注册窗口。...{ if (lvFriend.SelectedItems[0].Group == lvFriend.Groups[0])//如果选中项属于第1组 {...{ if (lvFriend.SelectedItems[0].Group == lvFriend.Groups[0])//如果选中项属于第1组

7.3K2 0

js常用函数大全107个

22.弹出确认框:window.confirm(); 　　23.弹出输入提示框:window.prompt(); 　　24.指定当前显示链接的位置:window.kk="URL" 　　25.取出窗体中的所有表单的数量...:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 　　32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度...document.forms[0].groupName.length 　　33.单选按钮组判断是否被选中也是用checked. 　　34.下拉列表框的值:document.forms[0].selectName.options...[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值) 　　35.字符串的定义:var myString = new String("This is lightsword...").tabIndex = 1 　　57.innerHTML的值是表单元素的值:如"how are you",则innerHTML的值就是:how are

3.3K1 0

C#学习笔记—— 常用控件说明及其属性、事件

如果当前未选定任何文本，给该属性赋值将把所赋的文本插入到插入点处。如果选定了文本，则给该属性所赋的文本值将替换掉选定文本。...如果未选定任何项，则返回值为1。对于只能选择一项的ListBox控件，可使用此属性确定ListBox中选定的项的索引。...（2）SetSelected方法：用来选中某一项或取消对某一项的选择，调用格式及功能如下。...例如，如果要复制一组文件，则可将 Step 属性的值设置为 1，并将 Maximum 属性的值设置为要复制的文件总数。...如果未选定文件，该方法将返回空数组。（10）RestoreDirectory属性：用来获取或设置一个值，该值指示对话框在关闭前是否还原当前目录。

9.7K2 0

js事件

.弹出确认框:window.confirm(); 23.弹出输入提示框:window.prompt(); 24.指定当前显示链接的位置:window.location.href="URL" 25.取出窗体中的所有表单的数量...:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms...[0].groupName.length 33.单选按钮组判断是否被选中也是用checked. 34.下拉列表框的值:document.forms[0].selectName.options[n].value...(n有时用下拉列表框名称加上.selectedIndex来确定被选中的值) 35.字符串的定义:var myString = new String("This is lightsword"); 36....").tabIndex = 1 57.innerHTML的值是表单元素的值:如"how are you",则innerHTML的值就是:how are

10.8K11 0

JQuery Ztree 树插件配置与应用小结

，获取表单组件 name属性，表单设计 name属性值和id属性值是一样的，所以也就获取表单组件id var dataArray = $(resourceFormSelector...都不影响按下 Ctrl 或 Cmd 键可以让已选中的节点取消选中状态（取消选中状态可以参考 setting.view.autoCancelSelected ） setting 举例：禁止多点同时选中的功能...或取消勾选全部节点。...勾选或取消勾选单个节点。...或未勾选的节点集合。

7.2K4 0

【译】W3C WAI-ARIA最佳实践 -- 表单

如果该组中没有选项被选中，该三态复选框呈现的整体状态为未选中。用户仅使用一个操作，就可以改变三态复选框组中所有选项的状态：选中整体复选框，可以选中组中的所有选项。...取消选中整体复选框，可以取消选中组中的所有选项。并且，在某些实现中，系统可能会记住上次选中的选项，整体状态为部分选中。如果提供了此功能，第三次激活整体复选框会恢复选项组中部分被选中的状态。...三态复选框示例: 演示如何使用 mixed 的 aria-checked 值制作一个组件。...选中后，复选框元素状态 aria-checked 设置为 true。如果未选中，它的状态 aria-checked 设置为 false。...- （可选）：当焦点位于未选中的menuitemradio上时，不会关闭菜单，选中聚焦的 menuitemradio，并取消选中同一组中的任何其他已选中的 menuitemradio 元素。

8.2K3 0

Extjs-lesson4

❞ Ext.js 系列课程笔记「表单子项」更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』 1.TextField 1.1 展示 ?...TextField 1.2 代码 ❝窗体 Window 以及表单 FormPanel 的代码省略，以后的代码将只展示必要部分。...name: "sex", //单选框的值 inputValue: "0", //单选框的文字说明 boxLabel: "男", //默认勾选男...//单选框的值 inputValue: "1", //单选框的文字说明 boxLabel: "女" } ] }); //获取单选组的值 radiogroup.on...] }); //获取复选组的值 checkboxgroup.on("change", function(cbgroup, checked) { //因为是多选，所以需要循环取出所有勾选的值 for

4.8K1 0

java-GUI编程之AWT组件

一组 Checkbox 组件将只有一个可以被选中，即全部变成单选框组件 Choice 下拉选择框 Frame 窗口，在 GUI 程序里通过该类创建窗口 Label 标签类，用于放置提示性文本...如果需要用户输入位于某个范围的值，就可以使用滑动条组件，比如调色板中设置 RGB 的三个值所用的滑动条。当创建一个滑动条时，必须指定它的方向、初始值、滑块的大小、最小值和最大值。...CheckboxGroup cbg = new CheckboxGroup(); //定义一个单选框，初始处于被选中状态,并添加到cbg组中 Checkbox male = new...Checkbox("男", cbg, true); //定义一个单选框，初始处于未被选中状态,并添加到cbg组中 Checkbox female = new Checkbox("女"...模式窗体：你必须关闭该窗体，才能操作其它窗体；比如说，必须按确定或取消，或者按关闭。非模式窗体：不必关闭该窗体，就可转换到其它窗体上进行操作。

3K1 0

html和css进阶

下拉菜单：select嵌套option 默认选中selected 小拓展知识： ---- 表单提交中get和post方式的区别有5点 1.get是从服务器上获取数据，post是向服务器传送数据。...2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。...X-UA-Compatible" content="ie=edge"> Document /* 空格父子级就是层级选择器：最终选中子级执行键值对...div lili 六、overflow属性 ---- 解决内容查出父级如何显示的问题...浏览器会默认给盒子一些值，我们需要将这些值取消，这些代码百度上都有，开源的。下面这些标签都被废弃了，兼容性不好。

3.5K5 0

个人开源图形编辑器 Suika 2024 年三季度计划

的渲染不能满足我的需求，具体表现有：圆形放很大时，不够光滑（提了 issue，维护者建议用大的半径，然后再用 transform 缩小）；文字渲染在使用 transform 放大后会模糊，需要根据 zoom 值和圆形做一张处理...比如点选图形，原来没有组，选到谁就是谁。加了组后，选中一个图形如果有组，要选中它所在的组。...可以双击后选中组下的直接子图形，这时候，你可以选中这个子图形的兄弟节点，以及这个子图形的父节点们的兄弟节点。...父节点和子节点是不能同时选中的，如果选中子节点，再选中父节点，子节点就要自动变成未被选中状态。...缩放一个组对象，组更新自己的 width、height 和 transform，子节点也要更新，又因为要保持组是刚好包裹子节点，所以父节点和父节点的兄弟也要更新 transform，这就叫牵一发而动全身

741 0

总结几条Javascript实用的语句

认框:window.confirm(); 23.弹出输入提示框:window.prompt(); 24.指定当前显示链接的位置:window.location.href= "URL " 25.取出窗体中的所有表单的数量...:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms...[0].groupName.length 33.单选按钮组判定是否被选中也是用checked. 34.下拉列表框的值:document.forms[0].selectName.options[n]....value (n有时用下拉列表框名称加上.selectedIndex来_定被选中的值) 35.字符串的定义:var myString = new String( "This is lightsword...").tabIndex = 1 57.innerHTML的值是表单元素的值:如 "how are you " ,则innerHTML

9822 1

Qt Style Sheet实践（三）：QCheckBox和QRadioButton

单选按钮只允许用户在一组选项中选择一个，且当其中一个被选中的时候，按钮组中的其他单选按钮自动取消。复选框则可以让用户同时选中多个选项，这在多项选择的情况下非常有用。...单选按钮和复选框应用广泛，在WEB表单、软件配置界面常常是不可或缺的元素。这篇博文主要讲述Qt中单选按钮和复选框如何通过样式表进行外观定制。...当一个按钮选中，系统自动取消其他按钮的选中状态。当然，前提是这些按钮都要放置同一个父组件（Parent Widget）中。...这样，当一个按钮选中的时候其他选中的按钮将被自动取消。但是缺点是：如果我们想要获取当前被选中的按钮是哪一个，不太方便判断。一个简单而粗暴的方法是，循环遍历每个单选按钮的状态进行检查。...具体参见《QT中获取选中的radioButton的两种方法》及《QT中根据ID设置radio按钮》。如何进行样式定制呢？QRadioButton定制分成两个两个部分：选中按钮和文本。

9.4K6 0

脚本语言知识总结.

（如果窗口是顶级窗口，那么parent==self==top） top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe） self是当前窗口（等价window） opener是用open...在实际开发中，如果传参数，使用HTML元素绑定事件，如果不传参数，使用JS绑定事件。传参数也可以使用与JS绑定事件【使用匿名函数】。...选取表单元素属性的过滤选择器 :enabled 选取所有可用元素 :disabled 选取所有不可用元素 :checked 选取所有被选中的元素，如单选框、复选框 :selected ...选取所有被选中项元素，如下拉列表框、列表框练习9： ² 点击button 打印radio checkbox select 中选中项的值 <script type="text/javascript"...l 表单操作 :checked :selected 选中表单选中元素配合基本过滤选择器，缩小选中的范围 4.jQuery的DOM操作使用jQuery的九种选择器可以基本选中需要操作的对象，但是为了提高

5K13 0

【愚公系列】2023年11月 Winform控件专题 CheckBox控件详解

一、CheckBox控件详解CheckBox控件是Winform中常用的用户界面控件之一，它通常用于表示二进制状态（选中或未选中）。...默认情况下，ThreeState属性为false，也就是说CheckBox只有两种状态：选中或未选中。但是，如果将该属性设置为true，则CheckBox就会有三种状态：选中、未选中或半选中。...当ThreeState属性为true时，CheckBox的Checked属性将不再只是true或false，而是一个枚举类型CheckState，其包含三个值：Checked：表示选中状态；Indeterminate...：表示半选中状态；Unchecked：表示未选中状态。...在表单中进行单个选项选择：在表单中，CheckBox控件可以用来让用户选择单个选项。例如，在一个注册表单中，用户可以选择是否同意使用条款和条件。

6553 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭