`

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)"> 
分享到:
评论

相关推荐

    shift按住后实现连续选择

    实现全选,反选,按住shift键实现多项连续选择

    程序天下:JavaScript实例自学手册

    10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...

    react-checkbox-tree:一个简单而优雅的React复选框树

    一个简单优雅的复选框树,用于React。 用法 安装 使用您最喜欢的依赖项管理器安装库: yarn add react-checkbox-tree 使用npm: npm install react-checkbox-tree --save 注–此库使用了样式,并希望将它们加载...

    《程序天下:JavaScript实例自学手册》光盘源码

    10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...

    JavaScript完全自学宝典 源代码

    6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框...

    jQuery攻略.pdf

    81 第4章 表单验证 82 4.1 确认必需字段不留空 82 4.2 验证数字字段 84 4.3 验证电话号码 88 4.4 验证用户ID 90 4.5 验证日期 92 4.6 验证电子邮件地址 94 4.7 检查复选框是否被选中 96 4.8 检查单选按钮是否被选中 ...

    javascript初级代码学习.zip

    006-复选框的全选和取消全选 007-获取下拉列表选中项的value 008-显示网页时钟 009-内置支持类Array 004-关于JS中的变量 005-JS函数初步 007-JS的局部变量和全局变量 007-JS的局部变量和全局变量 008-JS中的数据类型...

    JavaScript网页特效范例宝典源码

    实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 120 实例076 让您的密码域更安全 120 实例077 不提交表单自动检测密码域是否相同 121 2.6 表单应用 122 实例078 通过JavaScript控制表单的提交与...

    password-generator:具有范围滑块,复选框和复制按钮的随机密码生成器。 我的第一个Javascript项目之一

    我在上完课后回来,以改善用户体验。... 我决定为此项目创建一个问题和看板委员会,并在完成新手训练营课程后返回。 重构的回到这个项目后,我意识到自己现在已经具备了Google的技能和知识,不仅可以添加

    grunt-prompt:将交互式UI添加到您的Gruntfile中,例如列表,复选框,带过滤的文本输入以及密码字段,所有这些都在命令行上

    发脾气 使用控制台复选框,带过滤的文本输入,密码字段的交互式提示,输入您的Grunt配置。 行动Swift入门该插件推荐Grunt 0.4.1或更高版本。正在安装npm install grunt-prompt --save-dev 完成后,将此行添加到项目...

    精通JavaScript

    2.选择浏览器的“工具”-“安全”-“本地Intranet”-“自定义级别”-“活动脚本”中选用“禁用”单选框 3.在浏览器中输入下述地址:http://localhost/1.2.htm • 1.1.htm 多段代码相互调用 • 1.2....

    精通javascript

    2.选择浏览器的“工具”-“安全”-“本地Intranet”-“自定义级别”-“活动脚本”中选用“禁用”单选框 3.在浏览器中输入下述地址:http://localhost/1.2.htm • 1.1.htm 多段代码相互调用 • 1.2....

    网页设计-期末作业(含文档) 技术栈 HTML5 CSS3 JavaScript jQuery Boostrap3

    、身份证号码(文本框)、出生年月日(datetimepicker)、民族(boostrap-select)、手机号码(文本框)、政治面貌(boostrap-select,下来菜单)、毕业学校(文本框)、专业(文本框)、兴趣爱好(复选框)、个人介绍(文...

    基于Extjs的开源控件库ExtAspNet中文版 v3.1.9

    -优化复选框列表和单选按钮列表,减少生成的代码量。 -修正CheckBoxList和RadioButtonList无法在回发中更新的BUG(破风、吉吉﹑落叶飞尘)。 -修正CheckBoxList和RadioButtonList初始为空时页面不能显示的BUG(e先生...

    JavaScript操作表单_动力节点Java学院整理

    用JavaScript操作表单和操作DOM是类似的,因为表单本身也是DOM树。 不过表单的输入框、下拉框等可以接收用户输入,所以用... 复选框,对应的&lt;input type=”checkbox”&gt;,用于选择多项; 下拉框,对应的

    ExtAspNet v3.1.0源码

    -为了解决ExtJS本身的一个问题——如果单选框列表或者复选框列表中没有任何一项,就会出现JS错误。 -你需要手动将那些没有任何项的单选框列表或者复选框列表的Visible属性设置false来解决这个问题。 -为了能够在Ajax...

    bumble-bee-js:一个简约的javascript框架,可轻松使用可组合的Widget和容器组件创建UI

    大WaSPJS ...复选框 收音机 柜台 数字滑块 日期范围 组合框 选择框 颜色选择器 带有预览的图像文件选择器 图像裁剪器 输入元素具有一些好处,并根据需要提供用户输入限制。 屏幕键盘 动画(礼节速度)

    tfswitcustomcontrols:用于 TFS Web 访问和 Visual Studio 的 TFS 2013 工作项自定义控件

    TFS 2013 工作项自定义控件 用于 TFS Web 访问和 Visual Studio 的 Team Foundation Server 2013 工作项自定义控件。 TFS 提供了一组控件... CheckboxListControl 允许用户从显示为复选框的项目列表中选择多个项目。

    jsgrid-1.5.2.zip

    jsgrid是一个基于jQuery的轻量级客户端的数据表格控件... 输入 jsgrid具有不同的列类型支持文本,数字,选择,复选框等输入。 数据来源 jsgrid支持静态数组数据源或REST方格服务数据 排序 jsgrid提供API支持用户交互。

    jsonToDo-ClientPart:FrontEnd ToDo应用程序

    用于标记已完成任务的复选框。 删除一项任务,仅删除已完成的任务,并清除所有任务列表。 拖放任务。 使用LocalStorage保存当前的任务列表。 科技类 此待办事项应用程序使用了以下技术: HTML CSS JavaScript...

Global site tag (gtag.js) - Google Analytics