打印

还是关于checkbox 急！！！！

acmesky [楼主]

中级会员

帖子: 76
体力: 244
威望: 0
离线: 129 天

发短消息

1^# 大中小发表于 2006-9-19 10:38

搜索到了很多关于checkbox控件的技术。
在下再问一个常用的checkbox验证问题。

当我有一组checkbox的时候，循环判断：

复制内容到剪贴板

代码:

function boxnum(obj){

    var box = document.all.form1.elements[obj];

    var ii = 0

    for(var i=0;i<box.length;i++){

        if(box[i].checked){ii++;}

    }

    if(ii>5){alert('最多不能超多5个主营项目！请重新选择！');}

}

</script>

当判断出用户的选择超出5个checkbox的时候(也就是当用户选择第6个checkbox)，弹出提示框。
问：如何设置用户最后选择的那个checkbox的checked值为false ？

TOP

monchie

银牌会员

帖子: 841
体力: 2400
威望: 0
当前: 天津河西
离线: 38 天

2^# 大中小发表于 2006-9-19 10:48

你管是选种还是不选种呢。只要在用户作出选择后调用这个函数验证就可以了。

手机相关-我的

TOP

acmesky [楼主]

中级会员

帖子: 76
体力: 244
威望: 0
离线: 129 天

发短消息

3^# 大中小发表于 2006-9-19 10:55

就是不能让用户选择超过5个checkbox

TOP

IamUE

银牌会员

帖子: 604
体力: 1698
威望: 0
当前: 北京昌平区
离线: 189 天

发短消息

4^# 大中小发表于 2006-9-19 11:14

if(ii>=5){alert('最多不能超多5个主营项目！请重新选择！');return false;}

1997年过去了我很怀念它

TOP

acmesky [楼主]

中级会员

帖子: 76
体力: 244
威望: 0
离线: 129 天

发短消息

5^# 大中小发表于 2006-9-19 11:20

引用:

原帖由 IamUE 于 2006-9-19 11:14 发表
if(ii>=5){alert('最多不能超多5个主营项目！请重新选择！');return false;}

谢谢这位兄弟，我试过，没用的。我是这样解决的：

复制内容到剪贴板

代码:

<script language="javascript">

function boxnum(obj,obj2){

    var box = document.all.form1.elements[obj];

    var ii = 0

    for(var i=0;i<box.length;i++){

        if(box[i].checked){ii++;}

        if(ii>5){obj2.checked=false;}

    }

    if(ii>5){alert('只能选择5种主营项目！，请重新选择！');}

}

</script>

<input type="checkbox" name="checkbox" value="乘用车" onclick="boxnum('checkbox',this)" />

<input type="checkbox" name="checkbox" value="商用车" onclick="boxnum('checkbox',this)" />

..........................

TOP

welcome58

缘由心生
银牌会员

帖子: 450
体力: 1027
威望: 2
当前: 北京海淀区
离线: 1 天

专长 UI,前端制作,JS

6^# 大中小发表于 2006-9-19 11:23

你看看这样行吗

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="JavaScript">

</script>
</head>
<body>
<table cellspacing="0" border="1" width="200" >
	<tr>
		<td><input type="checkbox" name="c"></td>
		<td><input type="checkbox" name="c"></td>
		<td><input type="checkbox" name="c"></td>
	</tr>
	<tr>
		<td><input type="checkbox" name="c"></td>
		<td><input type="checkbox" name="c"></td>
		<td><input type="checkbox" name="c"></td>
	</tr>
</body>
</html>

提示：您可以先修改部分代码再运行

不懂就问
http://www.welcome58.cn

TOP

reterry

脚本之家
中级会员

帖子: 197
体力: 484
威望: 1
当前: 江苏徐州
离线: 1 天

发短消息

7^# 大中小发表于 2006-9-19 11:33

这个呢

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function boxnum(obj){
    
}
function checknum(){
var e,srcE
  e=window.event?window.event:e; 
  srcE=e.srcElement?e.srcElement:e.target; 
  if(!srcE)return; 
if(String(srcE.tagName).toLowerCase()!="input"||String(srcE.type).toLowerCase()!="checkbox")return;
var box = document.form1.elements['checkbox3'];
    var ii = 0
    for(var i=0;i<box.length;i++){
        if(box[i].checked){ii++;}
    }
    if(ii>5){
		alert('最多不能超多5个主营项目！请重新选择！');
		srcE.checked=false;
				}
}
document.onkeydown=document.onchange=document.onclick=checknum; 
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
  <table width="520" height="221" border="1">
    <tr>
      <td><label>
        <input type="checkbox" name="checkbox3" value="checkboxa" />
       1  
       <input type="checkbox" name="checkbox3" value="checkboxaa" />
       2
        <input type="checkbox" name="checkbox3" value="checkboxaaa" />
        3
        <input type="checkbox" name="checkbox3" value="checkboxaaaa" />
        4
        <input type="checkbox" name="checkbox3" value="checkboxcv" />
        5
        <input type="checkbox" name="checkbox3" value="checkboxcvb" />
        6
        <input type="checkbox" name="checkbox3" value="checkboxcvbcvb" />
        7
        <input type="checkbox" name="checkbox3" value="checkboxcvbcvbcv" />
        8
        <input type="checkbox" name="checkbox3" value="checcvb" />
        9
        <input type="checkbox" name="checkbox3" value="checvb" />
        10
        <input type="checkbox" name="checkbox3" value="chcvbox" />
        <input type="checkbox" name="checkbox3" value="chcvbcvbox" />
        <input type="checkbox" name="checkbox3" value="ccvbcvbcvox" />
      </label></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><input type="button" name="Submit" value="按钮" onclick="boxnum('checkbox3')" /></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</body>
</html>

提示：您可以先修改部分代码再运行

http://www.jb51.net脚本之家