`

javascript实现复选框只能选择一项

阅读更多
分享下javascript实现复选框只能选择一项的方法。

js中:
function chooseOne(chk){ 
//先取得同name的chekcBox的集合物件 
var obj = document.getElementsByName("chk"); 
for (i=0; i<obj.length; i++){ 
//判斷obj集合中的i元素是否為cb,若否則表示未被點選 
if (obj[i]!=chk) obj[i].checked = false; 
//若要至少勾選一個的話,則把上面那行else拿掉,換用下面那行 
else obj[i].checked = true; 
} //by www.jbxue.com
} 


jsp页面中:
<input type="checkbox" id="${userGroup.groupId}" name="chk" onClick="chooseOne(this)"> 
分享到:
评论

相关推荐

    javascript复选框实现批量选择

    实现这种批量选择的方法往往是使用 JavaScript,通过在每条记录前面加一个复选框,然后在列表下方放置一个“全选/全不选”复选框。 实现批量选择的思路是: 1. 在每条记录前面加一个复选框,该复选框的值为“id|...

    教你一天玩转JavaScript(七)——使用JavaScript完成复选框的全选和全不选的效果

    在JavaScript的世界里,复选框(checkbox)是网页交互中常见的元素,用户可以通过它们来选择一个或多个选项。本教程将深入讲解如何使用JavaScript实现复选框的全选和全不选功能,让您的网页交互体验更加友好。我们将...

    让复选框只能选择一项的方法

    总的来说,实现“让复选框只能选择一项”的功能,主要涉及到JavaScript或jQuery对DOM元素的操作以及事件监听。通过监听复选框的点击事件,我们可以动态地改变其他复选框的状态,从而达到单选的效果。这种方法在网页...

    实现复选框单选的一个html

    在HTML中,实现复选框(Checkbox)的单选功能是一项常见的需求,特别是在表单设计中,当用户需要从多个选项中选择一个时。复选框通常用于多选,但通过特定的编程技巧,我们可以让它们实现单选的效果。下面我们将深入...

    复选框变单选框

    复选框允许用户进行多项选择,而单选按钮则限制用户只能从一组选项中选择一个。然而,在某些场景下,如需满足特定的业务需求或用户体验设计,可能需要将原有的复选框功能转换为单选按钮的功能。这通常涉及到对页面...

    JSP列表中复选框批量选择功能实现

    在JavaServer Pages (JSP) 开发中,常常需要实现用户界面中的批量选择功能,比如在列表中通过复选框来选中多个项目。本文将详细介绍如何在JSP中实现这样的功能,主要涉及HTML、JavaScript 和后端Java的交互。 首先...

    复选框的左右移动

    每个容器内部包含若干个复选框,每个复选框对应一个权限项。 2. **事件绑定**:使用jQuery的`click`事件,我们可以监听用户的点击行为。当用户点击复选框时,触发相应的移动操作。例如,可以为每个复选框添加一个...

    JS实现复选框全选全不选以及子复选框带动全选框的选中

    在网页交互设计中,复选框(Checkbox)是一种常见的用户输入元素,用于让用户选择一个或多个选项。在处理大量复选框时,全选/全不选功能是提高用户体验的有效方式。本文将深入探讨如何使用JavaScript实现这个功能,...

    下拉列表带复选框实现复选功能

    "下拉列表带复选框实现复选功能"是其中一种常见的需求,特别是在数据筛选、配置选择等场景。这个主题主要涉及到C#编程语言以及可能的前端技术如HTML、CSS和JavaScript,用于构建具有复选功能的下拉列表。 在C#环境...

    带复选框的下拉框

    总的来说,"带复选框的下拉框"是一个在Ext JS框架中实现的自定义组件,它提供了在下拉列表中选择多个选项的能力。通过解决不同版本的兼容性问题,这个组件可以在3.2至3.4版本的Ext JS中稳定工作。对于需要多选功能的...

    复选框 实现 单选 全选

    在IT领域,特别是前端开发中,复选框的实现与应用是常见的需求之一,尤其是在处理列表选择、数据筛选等场景时。本次解析的文件标题为“复选框 实现 单选 全选”,描述中提到的是如何通过复选框实现单选、多选以及...

    checkbox 复选框样式

    总的来说,自定义checkbox复选框样式是一项需要HTML、CSS和JavaScript综合运用的技能。它不仅提升了用户界面的美观度,也展示了开发者对于前端细节处理的能力。掌握这项技术,能让你的网页设计更加出彩。

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    然而,在实际应用中,我们可能会遇到一个问题:当实现全选功能后,如果尝试取消选中其中的一项,全选复选框仍然保持选中状态,这显然不符合用户的预期。本文将深入探讨这个问题,并提供解决方案。 首先,我们需要...

    带复选框(checkbox)的树

    在IT界,"带复选框(checkbox)的树"是一种常见的用户界面元素,它将树形结构的数据与复选框相结合,为用户提供了一种直观、便捷的方式来选择、操作和组织层次化的数据。这种控件通常用于文件管理器、设置菜单、数据库...

    非常简单的下拉复选框

    总结,"非常简单的下拉复选框"JavaScript插件是实现高效、美观的多选项选择的理想工具。其简洁的设计、良好的兼容性和丰富的自定义选项,使得它成为前端开发者在构建网页表单时的一个优秀选择。通过理解和掌握这款...

    实现table表格checkbox复选框的全选 反选

    在网页开发中,表格(Table)是常用的数据...总的来说,实现HTML表格中复选框的全选与反选功能主要依赖于JavaScript和CSS(用于样式),这是一项基础但重要的交互设计。理解并掌握这个功能,有助于提升网页的用户体验。

    带有复选框的JS树状菜单

    "带有复选框的JS树状菜单"是一个常见的需求,它允许用户通过视觉层次结构来组织和选择数据。这种类型的菜单常用于文件管理器、设置面板或权限配置等场景。下面将详细介绍这个主题涉及的关键知识点。 首先,我们需要...

    树形复选框(Checkbox)

    本项目通过结合JavaScript和CSS技术,实现了一个具有展缩功能和选中数显示的树形复选框组件。下面我们将深入探讨这个组件的核心知识点。 首先,`Checkbox`在HTML中是`&lt;input type="checkbox"&gt;`标签,用于创建一个...

    jquery 复选框组件

    在Web开发中,复选框(Checkbox)是一种常见的用户交互元素,用于让用户从多个选项中选择一个或多个。jQuery,作为一款强大的JavaScript库,提供了丰富的插件和方法来增强复选框的功能和用户体验。本篇文章将详细...

    CheckBox分级选中 复选框 上下级 联动

    通过`&lt;input type="checkbox"&gt;`创建一个复选框,用户可以勾选或取消以表示对某项内容的选择。我们可以为每个复选框设置一个`value`属性来标识其唯一性,以及一个`checked`属性来控制初始状态。 接下来,我们考虑...

Global site tag (gtag.js) - Google Analytics