复选框和文本框之间的特效用JS怎么写？

ChikoHu 2009-11-18 09:16:24

页面是这样的：
一个文本框，三个复选框，下面代码



<input type="text" name="applyKT.reimbursed" size="30" />//文本框



<input type="checkbox" name="flag" value="1" onclick="checkItem(this, 'allflag')">已立项<br />

									

<input type="checkbox" name="flag" value="0" onclick="checkItem(this, 'allflag')">已结题<br />

											

<input type="checkbox" name="allflag" value="true" onclick="checkAll(this, 'flag')">已报账<br />

我的要求如下：

选择了"已报账",其它的复选框也被选上了，而“文本框”没变化（如果前两个有一个被选上，选“已报账”，还是被选上）。

如果已经全部选上了，如果再选“已报账”（这时“已报账”未选上），前两个要求没有变化（仍然被选上），此时“文本

框”显示"0"；

“已报账”未选上，而去选择“已结题”，此时“已立项”也会被选择，

不知道我的问题描述清楚没有？我都不知道如何下手。下面有一段代码：只能实现全部选和反选





function checkAll(e, itemName)   

{   

  var aa = document.getElementsByName(itemName);   

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

   aa[i].checked = e.checked;

}   

function checkItem(e, allName)   

{   

  var all = document.getElementsByName(allName)[0];   

  if(!e.checked) all.checked = false;   

  else   

  {   

    var aa = document.getElementsByName(e.name);   

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

     if(!aa[i].checked) return;   

    all.checked = true;   

  }   

}

...全文

77 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

ChikoHu 2009-11-19

打赏
举报

这是我想要的功能，谢谢你啊。把分给你了。

cntmi 2009-11-18

打赏
举报

如果只是你说的这些功能，这样就可以，如果还有其他功能，可以再修改下



<!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="">

</HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!--

function checkAll(isChecked, itemName,_input)   

{ if(isChecked){

	var aa = document.getElementsByName(itemName);   

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

	aa[i].checked = true;

  }else{

	document.getElementById(_input).value = "0" ;

  }

  

}   

function checkItem(obj,flag)   

{ 

	if(obj.checked){

		var all = document.getElementsByName(flag);

		

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

			all[i].checked = true;

	} 

} 

//-->

</SCRIPT>

<BODY>

<input type="text" id="_input" name="applyKT.reimbursed" size="30" />//文本框

<br>

<input type="checkbox" name="flag" value="1">已立项<br />

                                    

<input type="checkbox" name="flag" value="0" onclick="checkItem(this,'flag')">已结题<br />

                                            

<input type="checkbox" name="allflag" value="true" onclick="checkAll(this.checked, 'flag','_input')">已报账<br />





</BODY>

</HTML>