`
sundful
  • 浏览: 1250075 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

一段实现checkbox 单选的代码

阅读更多
一组名称相同的checkbox 但只能选择一个,或者取消选择。
把本函数链到选择框的onclick 事件上。onClick="ChangeSelect(this)"。
 function ChangeSelect(obj)
        {
                theForm=document.forms[0];
                var oldStatus;
                oldStatus = obj.checked;

                for(i=0;i<theForm.elements.length;i++)
                {
                        if(theForm.elements[i].name==obj.name)
                        {
                                theForm.elements[i].checked=false;        
                        }
                }

                if(oldStatus)
                        obj.checked = true;
                else
                        obj.checked = false;
                return true;
                
        }
分享到:
评论

相关推荐

    checkbox单选复选按钮美化代码.zip

    "Checkbox单选复选按钮美化代码.zip" 提供了一种使用CSS3技术来提升这些元素视觉吸引力的方法。下面我们将详细探讨这一主题。 CSS3是层叠样式表的最新版本,它引入了许多新特性,如选择器、边框和背景图像、过渡、...

    checkboxlist单选功能

    下面是一段示例代码: ```javascript function CheckSelect() { var tb = document.getElementById("chklistroomtype"); for (var i = 0; i ; i++) { for (var j = 0; j [i].cells.length; j++) { var chk = tb...

    winform DataGridView checkbox列单选

    以下是一段示例代码: ```csharp // 创建Checkbox列 DataGridViewCheckBoxColumn checkBoxColumn = new DataGridViewCheckBoxColumn(); checkBoxColumn.HeaderText = "选择"; checkBoxColumn.Name = "IsSelected"; ...

    实现ListCtrl中checkbox风格的单选

    ### 实现ListCtrl中Checkbox风格的单选功能 在Windows编程中,`ListCtrl`(列表控件)是非常常用的一种控件,它能够以多种视图形式显示数据,如图标、详细列表等。而在某些场景下,我们可能需要在列表项前添加复选...

    MFC CheckBox 自绘实现

    下面是一段示例代码,展示了如何开始自绘CheckBox: ```cpp void CMyDialog::OnDrawItem(int nIDCtl, DRAWITEMSTRUCT* pDIS) { if (nIDCtl == IDC_MY_CHECKBOX) // IDC_MY_CHECKBOX是你的CheckBox控件的ID { CDC...

    jquery iCheck.js实现的自定义复选框checkbox和单选框radio样式插件.zip

    这段代码会将页面上所有类型的复选框设置为蓝色方形样式,单选框则为相同风格。 **二、iCheck.js的样式选择** iCheck.js提供了多种预设样式,包括flat、square、minimal、line等,可以通过设置`checkboxClass`和`...

    老罗视频代码checkbox

    Checkbox允许用户从多个选项中选择一个或多个,通常与单选按钮(Radio Button)配合使用,来提供多选或互斥的选择方式。 在"老罗视频代码checkbox"中,我们可以推测这是一个教学视频,由知名IT人士老罗讲解关于...

    Android 树形结构开发demo,实现单选多选功能

    本教程将详细讲解如何利用Android技术实现一个支持单选和多选功能的树形结构示例。 首先,我们需要理解树形结构的基本概念。树形结构是由节点(Node)组成的一种数据结构,每个节点可以有零个或多个子节点。在...

    向dataGrid中添加checkBox

    在这段代码中,`IsSelected`是数据项的一个属性,用来绑定到CheckBox的IsChecked属性,实现数据与视图的双向绑定。 2. **实现多选和单选** - **多选**:默认情况下,如果多个CheckBox没有其他限制,用户可以同时...

    checkbox美化插件包

    Checkbox,作为网页和应用程序中常见的交互元素,用于用户进行单选或多选操作。然而,原生的checkbox样式通常较为简单,可能无法满足现代设计对美观性和个性化的需求。因此,开发人员会借助第三方插件来美化这些元素...

    仿苹果风格的CheckBox复选框代码.zip

    而"132692090275791423"可能是一个JavaScript文件或者CSS样式表,包含实际的代码实现,用于构建苹果风格的CheckBox。 在前端开发中,CheckBox通常用于用户对一系列选项进行选择,这些选项可以被多选或单选。苹果的...

    html checkbox 美化

    这段代码创建了一个20x20像素的矩形作为复选框的背景,并在选中时改变颜色。当然,你可以根据自己的设计需求调整颜色、形状、大小等。 除了CSS,JavaScript也可以用来增强checkbox的功能。例如,我们可能需要添加...

    jQuery自定义单选按钮复选框代码.zip

    在网页设计和开发中,jQuery 是一个...总的来说,"jQuery自定义单选按钮复选框代码.zip"是一个实用的工具,它展示了如何使用jQuery和CSS来增强表单元素的视觉效果,同时保持代码简洁,非常适合网页开发者学习和使用。

    jQuery单选框跟复选框美化代码演示

    例如,以下是一段可能的CSS代码片段: ```css .radio, .checkbox { display: inline-block; margin-right: 10px; cursor: pointer; } .radio input[type="radio"], .checkbox input[type="checkbox"] { ...

    jQuery单选多选按钮样式美化代码.zip

    总之,"jQuery单选多选按钮样式美化代码"提供了一种用jQuery实现的按钮美化解决方案,包括多种不同风格的按钮和删除功能。通过学习和理解这段代码,开发者可以更好地掌握jQuery在前端交互设计中的应用,提高网页的...

    RadioButton、CheckBox和Toast的使用

    Toast在Android中是一种轻量级的提示方式,它会在屏幕底部显示一段短暂的消息,然后自动消失。使用Toast时,我们可以通过Toast.makeText()方法创建一个新的Toast对象,传入上下文、显示的消息和持续时间(短时间或长...

    C#_winform_GridView_CheckBox_多选_全选

    "C#_winform_GridView_CheckBox_多选_全选"这个主题就专门探讨了如何在WinForm的GridView中实现复选框的多选和全选功能。 首先,我们需要理解GridView的基本用法。GridView是.NET Framework中的System.Windows....

    jQuery权限范围单选全选取消代码.zip

    本资源“jQuery权限范围单选全选取消代码.zip”聚焦于利用jQuery实现一种功能,即在网页中实现权限范围内的单选、全选和取消选择的功能,这对于构建具有用户交互性的表单或者数据列表是非常有用的。下面我们将详细...

    Vue2.0 实现单选互斥的方法

    在给定的代码示例中,我们可以看到一个简单的实现方式,它主要用于实现一个单选菜单,使得用户点击某一个选项时,只有被选中的选项保持高亮状态,其他选项则取消高亮。 首先,我们来看一下模板部分(): ```html ...

Global site tag (gtag.js) - Google Analytics