选择指定数量后checkbox不可选(变灰)javascript代码

选择3个后可以看到效果

function disableCheckBox() {
var obj=document.getElementsByTagName("input")
for(var i=0;i 3 )
{
event.srcElement.checked=false;
break;
}
}
}

粤菜 潮州 客家 川菜 上海/江浙 湖南 湖北 贵州 东北 江西 北京 鲁菜 台湾 新疆/清真 云南 其他中餐 野味 火锅 海鲜 比萨 自助餐 茶餐厅 小吃面食 烧烤 素菜 简餐 快餐 面包糕点 甜品 茶室 咖啡厅 酒吧 日本 韩国 东南亚印 法国 意大利 拉美 无国界 西餐 其他西餐

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • javascript 多级checkbox选择效果

    javascript 多级checkbox选择效果

    今天总算把部门多选的效果整出来 见图: 先共享核心代码: 1:js脚本 复制代码 代码如下: var treeHTML = ""; var checkList = new Array(); /*only init here*/ var barString = "└";/*┝└*/ var degreeString = " "; function makeTree(id,text,value,parentid,isCheck) { this.id

  • Angular.JS判断复选框checkbox是否选中并实时显示

    Angular.JS判断复选框checkbox是否选中并实时显示

    首先来看看简单的效果图,如下所示: 看一下html代码: <!DOCTYPE html> <html data-ng-app="App"> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> &l

  • Angular.js实现多个checkbox只能选择一个的方法示例

    Angular.js实现多个checkbox只能选择一个的方法示例

    首先来看看效果 效果 实现这样的效果,必须使用指令了,只有使用指令才能单独控制每一个scope. 示例代码如下: <div class="form-group"> <label class="col-sm-2 control-label">请选择文章主题色彩</label> <div class="col-sm-10" theme-group> <label class="i-swi

  • 选择指定数量后checkbox不可选(变灰)javascript代码

    选择3个后可以看到效果 function disableCheckBox() { var obj=document.getElementsByTagName("input") for(var i=0;i 3 ) { event.srcElement.checked=false; break; } } } 粤菜 潮州 客家 川菜 上海/江浙 湖南 湖北 贵州 东北 江西 北京 鲁菜 台湾 新疆/清真 云南 其他中餐 野味 火锅 海鲜 比萨 自助餐 茶餐厅 小吃面食 烧烤 素菜 简餐 快餐

  • 将数组中指定数量的元素移动数组后面的实现代码

    如下所示: 复制代码 代码如下: static void Main()        {            int[] array = { 1, 2, 3, 4, 5, 6, 7 };            MoveNumberArrayToEnd(array, 3);        }        static void MoveNumberArrayToEnd<T>(IList<T> arrayList, int num)        {            if (

  • java 实现获取指定位置后的第一个数字

    java 实现获取指定位置后的第一个数字

    目录 获取指定位置后的第一个数字 环境 场景 代码 获取一串数字中每一位数的小技巧 获取指定位置后的第一个数字 环境 java:1.7 场景 今天遇到这么一个需求: 10转增7.5股派1.5元(含税) 10派1.5元(含税) 不分配不转增 10转增3股 10派1.34元(含税) 10送2转增8股派0.3元 10送2.5转增1.5股 10送2股 会有类似上面的字符串,需要根据“送”,“增”和“派”来把后面的数字给切出来:再进行拼接. 比如: 字符串为“10送2转增8股派0.3元”,根据“送”来切,

  • javascript实现选中复选框后相关输入框变灰不可用的方法

    javascript实现选中复选框后相关输入框变灰不可用的方法

    本文实例讲述了javascript实现选中复选框后相关输入框变灰不可用的方法.分享给大家供大家参考.具体如下: 在一些网站上经常会看到的这种功能,选中复选框,相关的选项为变灰色,不可用,看上去会专业一些,也是提升用户体验的一种方式. 运行效果如下图所示: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>选

  • PHP使用strstr()函数获取指定字符串后所有字符的方法

    本文实例讲述了PHP使用strstr()函数获取指定字符串后所有字符的方法.分享给大家供大家参考,具体如下: PHP的strstr()函数可搜索字符串在另一字符串中的第一次出现位置,并返回字符串的剩余部分. strstr()函数定义如下: strstr(string,search,before_search) 参数说明: string 必需.规定被搜索的字符串. search  必需.规定所搜索的字符串. 如果此参数是数字,则搜索匹配此数字对应的 ASCII 值的字符. before_searc

  • JavaScript实现指定数量的并发限制的示例代码

    在网上看到这么一道题: 这道题跟鱼头这篇记录『什么是时间分片(Time Slicing)?』有点相似,但不同的是这次是限制异步并发的数量. 所以话不多说,我们先来康康实现 首先我们来实现一个分割数组的函数~ const group = (list = [], max = 0) => { if (!list.length) { return list } let results = [] for (let i = 0, len = list.length; i < len; i += max)

  • 如何 在Access中选择指定日期前的记录？

    我知道,在Access中不能使用DateDiff,那么我们怎样才能选择指定日期前的若干记录呢? 虽然在Access中不能使用DateDiff函数,但我们可以使用日期函数来实现这一功能.看看下面这个"庞大"的示例,就是实现如何选择前8个包括今天及今天以前的日期的记录的语句: select TOP 3 * from mytable where ((YEAR(ndate)<"&year(now)&") or (YEAR(ndate)="&a

  • jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法

    jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法

    本文实例讲述了jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法.分享给大家供大家参考,具体如下: 一.先描述下可以实现什么: 下拉框一改变,弹出框出现,选择弹出框中的值会赋值给下拉菜单 二.代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Subscribe策略</ti

  • JavaScript实现点击按钮后变灰避免多次重复提交

    注册的时候需要发送验证激活帐号的邮件,为了避免邮件的多次重复发送,所以可以在点击了发送后,设置button要过一段时间才能继续点击.下面是一个简单的例子: 复制代码 代码如下: <html> <head> <title>点击获取验证码按钮后按钮变灰,倒计时一段时间后又可重复点击</title> </head> <body> <input type="button" id="btn" val

  • js 表单提交后按钮变灰的实例代码

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>表单提交后按钮变灰<

随机推荐