第一种:
<script>
function checkBoxValidate(cb) {
for (j = 0; j < 8; j++) {
if (eval("document.myform.ckbox[" + j + "].checked") == true) {
document.myform.ckbox[j].checked = false;
if (j == cb) {
document.myform.ckbox[j].checked = true;
}
}
}
}
</script>
<form name=myform>
<div align="center">选框 1
<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(0)">
<br>
选框 2
<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(1)">
<br>
选框 3
<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(2)">
<br>
选框 4
<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(3)">
<br>
选框 5
<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(4)">
<br>
选框 6
<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(5)">
<br>
选框 7
<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(6)">
<br>
选框 8
<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(7)">
<br>
</div>
</form>
第二种:
<input type="checkbox" name="cbox" value="cbox1" onClick="chooseOne(this);">checkBox1
<input type="checkbox" name="cbox" value="cbox2" onClick="chooseOne(this);">checkBox2
<input type="checkbox" name="cbox" value="cbox3" onClick="chooseOne(this);">checkBox3
<input type="checkbox" name="cbox" value="cbox4" onClick="chooseOne(this);">checkBox4
<script>
//chooseOne()函式,參數為觸發該函式的元素本身
function chooseOne(cb){
//先取得同name的chekcBox的集合物件
var obj = document.getElementsByName("cbox");
for (i=0; i<obj.length; i++){
//判斷obj集合中的i元素是否為cb,若否則表示未被點選
if (obj!=cb) obj.checked = false;
//若是 但原先未被勾選 則變成勾選;反之 則變為未勾選
// else obj.checked = cb.checked;
//若要至少勾選一個的話,則把上面那行else拿掉,換用下面那行
else
obj.checked =true;
}
}
</script>
分享到:
相关推荐
这个实例涉及到如何在`QTreeView`中实现带有复选框的节点,特别是主节点支持三态复选框功能。在QT中,这种功能可以通过自定义模型和视图来实现,以满足特定的用户交互需求。 首先,我们需要理解`QTreeView`的工作...
在创建交互式游戏或应用时,复选框和单选框是不可或缺的元素,它们允许用户进行选择并提供反馈。本文将深入探讨Unity中的复选框和单选框,并提供实现这些功能的关键知识点。 一、Unity UI系统概述 Unity的UGUI是在...
6. **交互逻辑**:有时,复选框之间可能存在互斥或依赖关系,例如单选按钮或互斥复选框组,此时JavaScript可以处理这些逻辑,确保用户只能选择一组中的一个选项。 在实际应用中,开发者可以借助现有的前端框架,如...
7. **复选框组**:在网格布局中,可能会有多个复选框组成一个组,实现联动或互斥的效果,例如全选/全不选、多选框之间的影响等。 8. **自定义图标**:替换默认的勾选图标,使用自定义的SVG图标或者其他图形,使得复...
最后,JavaScript可以增强复选框的功能,比如实现互斥复选框(只能选中一个)、联动效果(选中一个时其他自动取消)等。以下是一个简单的示例,监听复选框的点击事件,实现选中一个后取消其他复选框的选中状态: ``...
在实际应用中,可能需要多个复选框之间的联动,比如互斥选择或者关联选择。我们可以使用GroupBox控件将这些复选框组织在一起,并通过编程控制它们之间的关系。例如,可以设定当一个复选框被选中时,其他复选框自动...
在VB(Visual Basic)编程中,单选框(RadioButton)和复选框(CheckBox)是两种常见的用户界面控件,用于收集用户输入。这两种控件在设计交互式应用程序时非常关键,尤其是对于需要用户做出明确选择的情况。让我们...
### WinCC中组合框、复选框及选项组的使用详解 #### 一、概述 在工业自动化领域,WinCC(Windows Control Center)是西门子公司开发的一款强大的组态软件,广泛应用于各种工业控制和监控系统中。通过WinCC,用户...
要实现复选框效果,需要使用`setMultiChoiceItems`方法来指定复选框中的选项列表。 ```java builder.setMultiChoiceItems(new String[]{"Item1", "Item2"}, null, null); ``` 这里,第一个参数是字符串数组,表示...
ButtonGroup确保在同一时间只有一个复选框被选中,实现互斥选择。例如: ```java ButtonGroup group = new ButtonGroup(); group.add(checkBox1); group.add(checkBox2); ``` 7. **模型绑定**: 复选框的状态...
在C#编程中,复选框(CheckBox)和单选按钮(RadioButton)是两种常见的控件,用于用户界面设计中的交互元素。它们在Windows应用程序、Web应用或移动应用开发中都发挥着重要作用。本练习旨在帮助初学者掌握这两种...
复选框允许用户选择多个选项,各个选项之间不互斥。同样,iOS系统没有内建的复选框控件,需要自定义。我们可以使用`UIButton`或者`UISwitch`来实现。这里以`UIButton`为例: 1. 创建`UIButton`,设置两种状态的图片...
在C#编程中,单选框(RadioButton)和复选框(CheckBox)是两种常见的控件,用于在用户界面中提供交互式选择功能。本文将深入探讨这两种控件的使用方法、规则及其在实际开发中的应用。 单选框通常用于在一组互斥的...
本实例将探讨如何在QTTableView中集成复选框和按钮控件,以增强用户界面的交互性。QTTableView是QT框架中的一个关键组件,它允许我们展示和操作表格数据。下面将详细讲解这一实现过程。 1. **QT与Mingw**: Mingw...
3. **复选框**:复选框(CheckBox)是另一种常用的控件,常用于表示多个互斥的选择。在`ListCtrl`中,每个列表项前面可以添加一个复选框,用户通过勾选或取消来选择或取消选择。这需要自定义`ListCtrl`的视图类,...
- 逻辑控制:比如,设置互斥的复选框,选中一个则自动取消其他同组复选框的选中状态。 4. **复选框状态管理**: - `checked`属性:用于获取或设置复选框是否被选中。在JavaScript中,可以使用`element.checked = ...
在Microsoft Visual Basic 6.0(VB6)中,单选按钮(OptionButton)和复选框(CheckBox)是两种常用的控件,用于用户界面设计,以收集用户的输入。本实验将详细介绍这两种控件的使用及其代码实现。 一、单选按钮...
当用户勾选一个复选框时,jQuery提供了一些方便的方法来获取选中的复选框的值。例如,可以使用`$("input[type='checkbox']:checked")`选择器来选取所有被选中的复选框,然后通过`.val()`方法获取其值: ```...
MFC还支持其他类型的复选框,如互斥复选框(单选按钮)。通过将样式设置为`BS_RADIOBUTTON`,你可以创建一组只能选中一个的复选框。它们通常放在同一个组内,通过共享一个ID前缀来识别,如`IDC_RADIO1`、`IDC_RADIO...
在Android应用开发中,用户界面的设计至关重要,其中单选框(RadioButtons)、复选框(CheckBoxes)和下拉框(Spinner)是常见的交互元素,它们用于收集用户的选择信息或控制用户界面的状态。本教程将深入讲解这三种...