表单中的，复选框能否实现部分选中

richlu 2009-11-04 03:47:54

网页有表单中有很多复选框，分类的，可否实现部分选中？比如点击财务处，就把财务处的人选择，点击人事处，就把人事处的人选中？用脚本可以实现吗

...全文

149 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

chen_xiangguo 2009-11-10

打赏
举报

我用了jquery，你得下载个jquery文件
去网上找个，然后和这个网页同目录下建个js文件夹，然后把名字为jquery-1.3.2.min.js的js文件放进去。
jquery-1.3.2.min.js

richlu 2009-11-10

打赏
举报

[Quote=引用 11 楼 chen_xiangguo 的回复:]
可以的，我写了一份
HTML code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><scriptlanguage="javascript" src="js/jquery-1.3.2.min.js"></script></head><body><formaction="" method="post"><table><tr><td>人事处<inputtype="checkbox" id="renshi"/></td><tdid="renshitd"><inputtype="checkbox" name="name101"/></td></tr><tr><td>财务处<inputtype="checkbox" id="caiwu"/></td><tdid="caiwuid"><inputtype="checkbox" name="name201"/></td></tr></table></form></body></html><scriptlanguage="javascript">
$(function()
{//alert(.html());for(var i=102;i<=130;i++)
{var ck=$('input[name=name101]:eq(0)').clone(true);
ck.name="name"+i;
ck.appendTo($('#renshitd'));
}for(var i=202;i<=230;i++)
{var ck=$('input[name=name201]:eq(0)').clone(true);
ck.name="name"+i;
ck.appendTo($('#caiwuid'));
}
$('#renshi').click(cli);
$('#caiwu').click(cli);
});function cli()
{
$(this).parent().parent().find('input[name^=name]').attr("checked",this.checked);
}</script>
[/Quote]
运行不了好像，能否发个可以运行网页文件？

chen_xiangguo 2009-11-09

打赏
举报

可以的，我写了一份



<!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=utf-8" />

<title>无标题文档</title>

<script language="javascript" src="js/jquery-1.3.2.min.js"></script>

</head>

  <body>

  <form action="" method="post">

  <table>

  <tr><td>人事处<input type="checkbox" id="renshi" /></td><td id="renshitd"><input type="checkbox" name="name101" /></td></tr>

  <tr><td>财务处<input type="checkbox" id="caiwu" /></td><td id="caiwuid"><input type="checkbox" name="name201" /></td></tr>

  </table>

  </form>

</body>

  </html>

<script language="javascript">

$(function()

{

	//alert(.html());



	for(var i=102;i<=130;i++)

	{

     var ck=$('input[name=name101]:eq(0)').clone(true);

	 ck.name="name"+i;

	 ck.appendTo($('#renshitd'));

	}

	for(var i=202;i<=230;i++)

	{

    var ck=$('input[name=name201]:eq(0)').clone(true);

	 ck.name="name"+i;

	 ck.appendTo($('#caiwuid'));

	}

	$('#renshi').click(cli);

	$('#caiwu').click(cli);

});

function cli()

{

    $(this).parent().parent().find('input[name^=name]').attr("checked",this.checked);

}

 </script>

richlu 2009-11-08

打赏
举报

哦，是这样的，复选框的name已经分类，比如人事处的职员是：name101-name130 财务处的人员是name201-name230 其他部门依次类推name301-name330 name401-name430 ...以name的第4位来区分。
代码：function mm()
{
var a = document.form1.getElementsByTagName("input");
if(a[1].checked==true){
for (var i=0; i<a.length; i++)
if (a[i].type == "checkbox" and a[i].name.charAt(4)=1) a[i].checked = false;
}
else
{
for (var i=0; i<a.length; i++)
if (a[i].type == "checkbox" and a[i].name.charAt(4)=1) a[i].checked = true;
}
}

and a[i].name.charAt(4)=1 这个条件我想表达的意思是复选框的name第4位为1的时候选择人事处的职员，可是有错，不知道应该怎么写

chen_xiangguo 2009-11-05