关于javascript控制复选框全选,必须选一个,控制个数代码

<script type="text/javascript教程">

function check()
{
    var f=document.getelementbyid("form1");
    var obj=document.getelementsbyname("user");
    for(var i=0;i<obj.length;i++)
    {
        if(obj[i].checked==true)
        {
            var flag="ok";
            break;
        }
    }
    if(flag != "ok")
    {
        alert("请选择收件人!");
        return false;
    }
    else
    {
        return true;
    }
}

</script>

html:

<input type="checkbox" name="user" value="1" />
<input type="checkbox" name="user" value="2" />
<input type="submit" name="submit1" onclick="return check()" value="发送" />

<script language=javascript教程>    
//第一种方法    

function selectall1()    
{    
   var a = document.getelementsbytagname("input");    
   if(a[0].checked==true){    
   for (var i=0; i<a.length; i++)    <="" span="">
      if (a[i].type == "checkbox") a[i].checked = false;    
   }    
   else    
   {    
   for (var i=0; i<a.length; i++)    <="" span="">
      if (a[i].type == "checkbox") a[i].checked = true;    
   }    
}  

  
//第二种方法    

function selectall2() {    
 var tform = document.forms['form1'];    
 for (var i=0;i<tform.length;i++)    <="" span="">
 {    
  var e = tform.elements[i];    
  if (e.type == "checkbox")    
   e.checked = !e.checked;    
 }    
}    

//第三种方法,结合上述两种方法    

function selectall3()    
{    
   var a = document.getelementsbytagname("input");    
   for (var i=0; i<a.length; i++)    <="" span="">
      if (a[i].type == "checkbox") a[i].checked =!a[i].checked;    
  }    

//第四种方法    

function selectall4(id){ //用id区分     
var tform=document.forms['form1'];     
for(var i=0;i<tform.length;i++){     <="" span="">
var e=tform.elements[i];     
if(e.type=="checkbox" && e.>}     
}    

//第五种方法    

function selectall(theform,thename){ //theform指定的form,thename是checkbox的name属性    
var tform=document.forms[theform];    
document.getelementbyid("thewen").value='反选';    
for(var i=0;i<tform.length;i++){    <="" span="">
   var e=tform.elements[i];    
   if(e.type=='checkbox' && e.>  }    
}    

</script>   

控制checkbox个数

<html><head><title>dddd</title>
<script language="javascript">
function cc()
{
var oc=document.form1.sitem;
var t=0;

if(oc)
{
 for(var i=0;i<oc.length;i++){
  if(oc(i).checked) t++
 }
}

if(t>7 && t<9) alert("你只能选择7个,但是你却选择了" + t + "个");
}

</script>

</head>
<body>

<script language="javascript">

</script>

<form name="form1" id="form1" action="nextpage.htm" >
请最多选择7个项目:
<p>
<input type="checkbox" value="crc" name="sitem"> www.111cn.net <br/>
<input type="checkbox" value="northsnow" name="sitem" id="checkbox1"> 塞北的雪 <br/>
<input type="checkbox" value="csdn" name="sitem" id="checkbox2"> 中国最大的开发者网络 <br/>
<input type="checkbox" value="a" name="sitem" id="checkbox3"> 飞 <br/>
<input type="checkbox" value="b" name="sitem" id="checkbox4"> 雪 <br/>
<input type="checkbox" value="c" name="sitem" id="checkbox5"> 连 <br/>
<input type="checkbox" value="d" name="sitem" id="checkbox6"> 天 <br/>
<input type="checkbox" value="e" name="sitem" id="checkbox7"> 射 <br/>
<input type="checkbox" value="f" name="sitem" id="checkbox8"> 白 <br/>
<input type="checkbox" value="g" name="sitem" id="checkbox9"> 鹿 <br/>
<input type="button" name="ss" value="ok" onclick="cc();">
</form>
</body>
</html>

时间: 2024-10-09 08:01:41

关于javascript控制复选框全选,必须选一个,控制个数代码的相关文章

js与jQuery实现checkbox复选框全选/全不选的方法_javascript技巧

本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法.分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法.这应该是一个比较实用的前端技巧吧,很多时候我们都需要点击一个checkbox,然后将所有的复选框自动全部选中,比如新浪邮箱中,一些CMS系统的后台中,使用本JS效果后,会大大增强了操作体验,那么究竟是如何实现这一功能的呢?别着急,跟我一步一步实现. 我们先把那些带复选框的列表弄好,还没加全选.全不选时候的状态,大

jQuery实现复选框全选/取消全选/反选及获得选择的值

  这篇文章主要介绍了jQuery实现的复选框全选/取消全选/反选及获得选择的值,需要的朋友可以参考下 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(docu

js html css实现复选框全选与反选_javascript技巧

本文实例为大家分享了js复选框全选与反选实现代码,供大家参考,具体内容如下 <html> <head> <title>html+css+js实现复选框全选与反选</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="keywords" content=&quo

JS实现CheckBox复选框全选、不选或全不选功能_javascript技巧

CheckBox控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0).在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择.因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合. CheckBox复选框JS实现全选.不选.全不选功能,很简单,具体内容如下 思路: 1.获取元素 2.给全选 不选 反选添加点击事件 3.用for循环checkbox 4.把chec

JS实现CheckBox复选框全选全不选功能_javascript技巧

 CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭.大多数应用程序的"设置"对话框内均有此控件.我们看到的可以打勾的就是CheckBox. 该控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0).在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择.因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合.     Ch

jQuery中实现prop()函数控制多选框(全选,反选)_jquery

今天看了jQuery手册,对prop()函数又多了一点认识,记忆力不好,记录下来. prop() : 获取匹配元素集中第一个元素的值 判断checkbox中的第一个是否被选中: $(":checkbox").prop("checked"); //如果第一个checkbox被选中返回true,否则返回false. 禁用和选中页面上的所有复选框: $("input[type='checkbox']").prop("disabled"

jquery复选框全选/取消示例

 jquery复选框全选/取消示例,实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态  功能:   a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态   b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 代码如下: /**  * 全选函数  * @param mainId 主复选框id  * @param klass 下属复选框的class  */ function selectAll(mainId,klass){  $(

easyui的复选框全选要选中所有的记录,

问题描述 easyui的复选框全选要选中所有的记录, 表格是有带分页控件的,全选框要选中所有的记录,比如有5页,要选中5页的内容,急等!! 解决方案 分页?自己用个全局遍历记录所有选中的记录才行,分页后调用getChecked只能获取当前页的 解决方案二: 你好的,你说的5页不是五条记录的意思吧?如果不是的话你说的这个是无法实现的,页面上就只能选择显示的那些, 你看不见的那些是选中不了的.不要误以为所有的数据都返回到前台了,只是你看的那页,所以你能做的就只能是选中当前页中的所有记录哦

基于jquery实现复选框全选,反选,全不选等功能_jquery

jquery 实现全选,反选,全不选等功能,下面直接以例子进行说明.设页面有如下一组复选框和几个相关按钮(全选,反选,全不选等): <input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="orange" />橘子 <in

jquery复选框全选/取消示例_jquery

功能: a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态 b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 复制代码 代码如下: /** * 全选函数 * @param mainId 主复选框id * @param klass 下属复选框的class */function selectAll(mainId,klass){ $("." + klass).each(function(){     if($("#" +