JavaScript检测并限制复选框选中个数的方法

 更新时间:2015年08月12日 09:53:05   作者:企鹅  
这篇文章主要介绍了JavaScript检测并限制复选框选中个数的方法,涉及javascript针对复选框的判定与运算相关技巧,非常简单实用,需要的朋友可以参考下

本文实例讲述了JavaScript检测并限制复选框选中个数的方法。分享给大家供大家参考。具体如下:

这里用JavaScript判断复选框中否选中,同时可以限制复选框的选中个数,这是一个比较实用的JS表单判断示例,复选框的是否选中曾经让很多人纳闷,现在好了,这段代码帮你解决了难题。

运行效果截图如下:

具体代码如下:

<html>
<head>
<title>判断复选框中否选中</title>
<script>
var check_num = 0;
function check(){ 
 if(event.srcElement.checked==true)
  check_num++;
 else 
  check_num--;   
 if(check_num>3)
 {
  alert("最多只能选3个!");
  event.srcElement.checked=false;
  check_num--;
 }  
}
</script>
</head>
<body>
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<br>
你只能选择3个复选框。
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • 原生JS取代一些JQuery方法的简单实现

    原生JS取代一些JQuery方法的简单实现

    下面小编就为大家带来一篇原生JS取代一些JQuery方法的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • ionic2懒加载配置详解

    ionic2懒加载配置详解

    本篇文章主要介绍了ionic2懒加载配置详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • JavaScript事件委托实现原理及优点进行

    JavaScript事件委托实现原理及优点进行

    这篇文章主要介绍了JavaScript事件委托实现原理及优点进行,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-08-08
  • 微信小程序实现分享到朋友圈功能

    微信小程序实现分享到朋友圈功能

    这篇文章主要为大家详细介绍了微信小程序实现分享到朋友圈功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • 使用js完成节点的增删改复制等的操作

    使用js完成节点的增删改复制等的操作

    本文为大家详细介绍下使用js完成节点的增删改复制等的操作,具体的实现如下,感兴趣的朋友可以参考下
    2014-01-01
  • Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据

    Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据

    Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
    2009-08-08
  • 微信小程序实现两个页面传值的方法分析

    微信小程序实现两个页面传值的方法分析

    这篇文章主要介绍了微信小程序实现两个页面传值的方法,结合实例形式分析了微信小程序URL跳转及页面传值相关操作技巧与注意事项,需要的朋友可以参考下
    2018-12-12
  • axios学习教程全攻略

    axios学习教程全攻略

    axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,下面这篇文章主要给大家介绍了axios学习教程的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友下面来一起看看吧。
    2017-03-03
  • js用正则表达式来验证表单(比较齐全的资源)

    js用正则表达式来验证表单(比较齐全的资源)

    在学习网页中的表单验证,顺便学习下正则表达式,在网上找了后发现了一个比较齐全的资源,稍微进行了一下排版,喜欢的朋友可以收藏
    2013-11-11
  • 微信小程序radio组件使用详解

    微信小程序radio组件使用详解

    这篇文章主要为大家详细介绍了微信小程序radio组件的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01

最新评论