复选框全选问题~~~~

时间:2008-09-28 10:11:29   来源:论坛整理  作者:  编辑:chinaitzhe
我用displayTag标签实现了数据库表查询功能，在前面加了一个复选框checkBox，怎么能实现按钮的全选功能？
<display:table width="80%" height="20" border="1" align="center" name="pic_picInfo" pagesize="10" scope="session" sort="list">
<display:column title="选中" bgcolor="#CCCCCC" align="center" width="8%">
<input type="checkbox" name="answer" value="1">
</display:column>
<display:column property="id" title="ID" sortable="false" bgcolor="#CCCCCC" align="center" width="15%"/>
<display:column property="picName" title="图片标题" sortable="false" bgcolor="#CCCCCC" align="center" width="15%"/>
<display:column property="class1" title="所属一级分类" sortable="false" bgcolor="#CCCCCC" align="center" width="15%"/>
<display:column property="class2" title="所属二级分类" sortable="false" bgcolor="#CCCCCC" align="center" width="15%"/>
<display:column property="class3" title="所属三级分类" sortable="false" bgcolor="#CCCCCC" align="center" width="15%"/>
<display:column property="addTime" title="加入时间" sortable="false" bgcolor="#CCCCCC" align="center" width="15%"/>
<display:column property="look" title="修改" href="" bgcolor="#CCCCCC" align="center" width="15%"/>
<display:column property="delete" title="删除" href="" bgcolor="#CCCCCC" align="center" width="15%"/>
</display:table>
网友回复:学习中
帮楼主顶一个
期待高手的到来
网友回复:帮顶
网友回复:高手飘过顶一下啊~~~~
网友回复:check的時候調用JS函數，JS函數設置每個按鈕為選中狀態，不知道可不可行，只是我的想法而已，給樓主做個參考。
网友回复:我也看了很多帖子了，都事用JS弄的，可是我JS我一窍不通……所以能不能具体点的？谢谢了~
网友回复:网络上大都是用HTML文件 JS实现的
大概两个形式
第一个
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>复选框全选、全不选和反选的效果实现 </title>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function checkAll() {
for (var j = 1; j <= 9; j ) {
box = eval("document.checkboxform.C" j);
if (box.checked == false) box.checked = true;
}
}

function uncheckAll() {
for (var j = 1; j <= 9; j ) {
box = eval("document.checkboxform.C" j);
if (box.checked == true) box.checked = false;
}
}

function switchAll() {
for (var j = 1; j <= 9; j ) {
box = eval("document.checkboxform.C" j);
box.checked = !box.checked;
}
}
// End -->
</script>
</head>

<body>
<form name=checkboxform>
<input type=checkbox name=C1 checked>C1 <br>
<input type=checkbox name=C2 checked>C2 <br>
<input type=checkbox name=C3 checked>C3 <br>
<input type=checkbox name=C4 checked>C4 <br>
<input type=checkbox name=C5 checked>C5 <br>
<input type=checkbox name=C6 checked>C6 <br>
<input type=checkbox name=C7 checked>C7 <br>
<input type=checkbox name=C8 checked>C8 <br>
<input type=checkbox name=C9 checked>C9 <br>
<br>
<input type=button value="全部选中" onClick="checkAll()"> <br>
<input type=button value="全部不选" onClick="uncheckAll()"> <br>
<input type=button value="选择转换" onClick="switchAll()"> <br>
</form>
</body>
</html>
第二个
<script language="javascript">
function del()//用于判断记录有没有选中的函数
{
var flag=true;//用于存储有没有选择的变量,false为有选，true没选
var temp="";//复选框的值，并事先给它预赋值为空，否则它的值为未定义
var tmp;//复选框数
if((document.form1.answer.length)=="undefined") //判断复选框的数目，当只有1个复选框时不能使用复选框length属性，所以它的值为undefined
{
tmp=1
}
else
{
tmp=document.form1.answer.length
}
//接下来就分两种情况来处理，一种是只有1个复选框，另一种是多个复选框
if(tmp==1)
{
if(document.form1.answer.checked) //当复选框被选中时
{
flag=false;
temp=document.form1.answer.value //因为只有1个复选框，所以将值直接付给temp
}
}
else //另外一种情况有多个复选框时
{
for(i=0;i <document.form1.answer.length;i ) //for循环
{
if(document.form1.answer[i].checked) //当answer[i]被选中时为true
{
if(temp=="")
{
flag=false;
temp=document.form1.answer[i].value
}
else
{
flag=false;
temp=temp "," document.form1.answer[i].value
}
}
}
}
if(flag)
{
alert("对不起，你还没选择!");
}
else
{
//name=document.form1.name.value
//alert(name)
if(confirm("确实要删除？"))
{
//window.location="delnews.asp?id=" temp;//发送id号到删除处理页
alert("删除ID为" temp);
}
}
//return !flag;
}

//全选函数
function checkall(all)//用于判断全选记录的函数
{
var a=document.getElementsByName("answer");//返回answer的集合
for(var i=0; i <a.length;i )a[i].checked=all.check1.checked;
}

</script>
<form name="form1" method="post" action="">
<input type="checkbox" name="answer" value="1">1 <br/>
<input type="checkbox" name="answer" value="2">2 <br/>
<input type="checkbox" name="answer" value="3">3 <br/>
<input type="checkbox" name="answer" value="4">4 <br/>全选
<input type="checkbox" name="check1" onclick="checkall(form1)"> <br/>
<input type="button" name="b1" value="删除" onClick="del()">
</form>

网友回复:可是用不明白………………
网友回复:java 群 4247660 欢迎大家的加入
网友回复:我知道的也很少，狂汗個。
document.getElementsById（"id"）.checked=true
不知道那句能不能用，我用過的JS語句屈指可數，幫樓主頂吧，來個JS高手就好了
网友回复:我是不是走错论坛了………………T_T
网友回复:
Java code





Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/



//此方法用来全选或不选

        function selectAllOrNot(){

            if(document.all.s!=undefined){

                if(document.all.s.length==undefined){

                    if(!document.all.s.disabled){

                        document.all.s.checked=document.all.sel.checked;

                        }

                }else{

                    for(var i=0;i<document.all.s.length;i  ){

                        if(!document.all.s[i].disabled){

                            document.all.s[i].checked=document.all.sel.checked;

                        }

                    }

                }

            }

        }

其中document.all.s 是表示你在每一行前面放的复选框的名字
而sel则是你放的用来全选或都全不选的的复选框的名字
你把你的改成这个名字，在

<input type="checkbox" id="sel" name="sel" onclick="selectAllOrNot();">在这个事件里面调用这个方法就可以了。
网友回复:．．．．
<input type="checkbox" name="fxxz" value="1" onClick="com(参数为checkbox的数目)">

．．．
<script language="JavaScript">
function com(a)
{
for (var i=0;i <a;i )
{
if(document.form1.fxxz.checked== document.form1.answer[i].checked)
document.form1.answer[i].checked=!document.form1.fxxz.checked;
else
document.form1.answer[i].checked=document.form1.fxxz.checked;
}
}
</script>
给分
网友回复:再问个问题啊~怎么给分啊？
关键字：

相关文章

    无相关信息

文章评论

共有 0 位网友发表了评论 此处只显示部分留言 点击查看完整评论页面

最新信息

最新代码下载