 |
热门文章 |
|
|
|
|
| 控制多选框的选择个数 |
| 来源：中国站长天空 更新时间：2009/12/3 1:05:25 阅读次数： 我要投稿 |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<title>控制多选框的选择个数</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<script language="javascript">
function check_count(id, my , num)
{
var oEvent = document.getElementById('edit_' + id);
var chks = oEvent.getElementsByTagName("INPUT");
var count = 0;
for(var i=0; i<chks.length; i++)
{
if(chks[i].type=="checkbox")
{
if(chks[i].checked == true)
{
count ++;
}
if(count > num)
{
my.checked = false;
alert('最多只能选择' + num + '项！');
return false;
}
}
}
}
</script>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
最多只能选择两项：
<div id="edit_xingge" class="boder2" style="width:450px;">
<input id="xingge_1" type="checkbox" name="xingge_1" value="温柔可亲" onClick="check_count('xingge', this, 2)">温柔可亲
<input id="xingge_2" type="checkbox" name="xingge_2" value="沉默寡言" onClick="check_count('xingge', this, 2)">沉默寡言
<input id="xingge_3" type="checkbox" name="xingge_3" value="多愁善感" onClick="check_count('xingge', this, 2)">多愁善感
</div>
</body>
</html> |
|
| 上一篇文章： 提交表单前弹出确认对话框(三)下一篇文章： 可增加和删除的表格行和文本框 |
|
|
|
注册 登录
