`

将复选框变成单选框功能

 
阅读更多
//将复选按钮的功能实现成单选按钮的功能 
//传进来的ID是数据的ID,name是数据的名称 
function message(id,name) { 
    //message1取出checkbox的ID名为message1的 
var boxArray = document.getElementsByName('message1'); 
  //循环每个checkbox内容 
for(var i=0;i<=boxArray.length-1;i++){ 
//如果checkbox里的ID等于传进来的ID且选中了 
     if(boxArray[i].value == id && boxArray[i].checked){ 
     //执行checked为true 
        boxArray[i].checked = true; 
        //设置隐藏的信息值以便于传值引用 
        document.getElementById("confirmMessage").value = id; 
        //将名称显示在span上 
        warning($('selectMessage'), name); 
     } else if(boxArray[i].value == id && !boxArray[i].checked){ 
     //如果等于ID但是取消了选择设置隐藏值为空 
     document.getElementById("confirmMessage").value = ''; 
     //span不显示内容 
        warning($('selectMessage'), ""); 
     } else{ 
     //不等于ID的都不设置为选中 
        boxArray[i].checked = false; 
     } 
} 
} 

 

分享到:
评论

相关推荐

    BootstrapSwitch将复选框和单选按钮变成切换开关

    BootstrapSwitch是一款基于Bootstrap框架的插件,它能够将HTML中的复选框(checkbox)和单选按钮(radio button)转化为视觉效果更佳、交互性更强的切换开关(toggle switch)。这个转换过程使得用户界面更加直观,...

    checked.css-超酷CSS3复选框和单选按钮点击动画库

    开发者只需要在页面中引入checked.css文件,然后对复选框或单选按钮应用特定的class,就可以快速地将这些动画效果应用到页面上。例如,可以使用以下HTML代码创建一个带有checked.css动画的复选框: ```html 点击我...

    自定义的复选按钮组和单选按钮组

    在给定的标题"自定义的复选按钮组和单选按钮组"中,我们可以推测这篇博文主要讲述了如何根据实际需求创建个性化、具有特定样式和功能的复选框和单选按钮组。 复选按钮(Checkbox)允许用户从多个选项中选择一个或多...

    layui table中的列为checkbox 使layui中table表格中的列单元格显示为单选框checkbox

    在本文中,我们将深入探讨如何在layui框架中创建一个表格,其中某一列显示为复选框(checkbox),以便实现单选功能。layui是一款基于前端的轻量级组件库,提供了丰富的UI组件,包括表格(table)、按钮、表单元素等...

    单选按钮和复选框特效

    在网页设计中,单选按钮(Radio)和复选框(Checkbox)是用户交互的重要元素,通常用于收集用户的多选或单选信息。本主题聚焦于利用CSS3和HTML5来实现这些元素的个性化和增强视觉效果。通过这种方式,我们可以创建出...

    怎么在word中建立表格.doc

    6. **添加复选框和单选框**:在 Word 文档中添加交互式元素如复选框和单选框可以增加文档的互动性。在 Word 2003 版本中,你可以通过“视图—工具栏—控制工具箱”来调出控制工具箱。点击“复选框”按钮,然后在表格...

    CheckBoxList实现单选 C#(WEB)

    在.NET Web开发中,CheckBoxList控件经常用于呈现一组可多选的选项。然而,有时候我们需要将...这个方法不仅限于基本的复选框列表,还可以扩展到更复杂的业务场景,例如结合数据验证和用户反馈,以提供更好的用户体验。

    VB 灰色按钮激活的程序模块.rar

    程序只能以窗体、文本框、按钮、复选框、单选按钮、下拉列表框等标准控件有效。首先你点击“开始工作”,然后激活你要使魔法的窗体,一秒钟后窗体上所有的标准控件都变成可用的了!不信你可以到任意一个程序的“打...

    CSS框架与JS框架结合

    3. 表单:预定义的输入框、单选按钮、复选框、表单控件的样式。 4. 按钮:多种颜色和大小的按钮样式。 5. 导航组件:菜单、面包屑、分页、导航条、标签页和下拉菜单。 6. 辅助类:帮助创建响应式布局和间距的实用...

    新Div拖动调整大小实例

    选中复选框(可移动、可调整大小)后,打开的DIV具有移动/调整大小的功能(此时移动/调整大小快捷键可使用); 反之,不可移动/调整大小(此时移动/调整大小快捷键无效) 单选框默认居中打开选中,无论有无保存DIV位置和...

    如何用回收站隐藏文件终稿.pdf

    - **去除只读属性**:此时系统会自动选中“只读”复选框,需要手动去掉该复选框前的钩,这样“回收站”的图标将变成普通文件夹的样子。 3. **隐藏文件**: - **拖放文件**:双击修改后的“Recycled”文件夹,将...

    jqtransform

    jqTransform 提供了一套完整的CSS样式和JavaScript功能,能够将传统的HTML表单控件(如输入框、复选框、单选按钮、下拉菜单等)转换为更加美观且易于操作的元素。 ### jqTransform 插件核心特性: 1. **样式美化**...

    jQuery模仿单选按钮选中效果

    在Web开发中,单选按钮和复选框是表单元素中常见的交互组件,它们通常用于收集用户的输入信息。单选按钮(Radio Button)允许用户在一组选项中选择一项,而复选框(Checkbox)则允许用户选择一个或多个选项。在某些...

    Android中实现按钮的图片在点击后变成另外一个

    - `android:state_checked`:对于复选框或单选按钮等控件,表示按钮被选中时的状态。 - `android:state_enabled`:表示按钮是否可用。 例如: ```xml ``` 这样,就可以根据不同状态显示不同的图标,...

    select2-4.0.0

    在网页开发中,我们经常需要处理用户的选择,比如单选框(radio)和复选框(checkbox)。然而,原生的HTML选择器在样式上往往显得较为简陋,无法满足现代网页设计的审美需求。这时,第三方库Select2就应运而生,它为...

    使用表单构建Web页面

    例如,Notes的复选框会变成`域名" value="域值"&gt;`,而文本框则是`域名" value="域值"&gt;`。RTF域则会转换为`&lt;textarea&gt;`元素。值得注意的是,某些特定的Notes效果可能无法直接转换为HTML。 了解Domino Designer的Web...

    Windows窗口按钮、菜单激活魔法师VB代码

     源码爱好者注:本程序只对窗体中的文本框、按钮、复选框、单选按钮、下拉列表框等标准的Form控件有效。点击“开始工作”,一秒钟后,目标窗体上所有的标准控件都变成可用的了!不信你可以到任意一个程序的“打颖...

    listctrl重绘类

    2. **复选框**:为每个列表项添加复选框,便于用户进行多选操作,适用于需要用户勾选多个选项的情况。 3. **单选按钮**:在列表中集成单选按钮,使得用户只能选择一个选项。 4. **下拉列表框**:在列表单元格中嵌入...

    easyui后台模版界面是绿色的

    EasyUI 提供的表单组件包括输入框、下拉框、复选框、单选按钮等,支持验证和联动效果,便于实现动态交互。树形菜单组件支持异步加载数据,可进行点击事件绑定,提供良好的用户体验。除此之外,模板可能还包含其他...

    elementUi中checkbox的属性indeterminate 状态和v-model的关系

    其中,`indeterminate`属性和`v-model`之间的关系是实现复选框三态逻辑的关键,即全选、部分选和未选。在本文中,我们将详细探讨这两个属性的用法以及它们如何协同工作来呈现不同的视觉效果。 首先,`indeterminate...

Global site tag (gtag.js) - Google Analytics