利用js实现php的全选、反选、取消当前选择、以及全选删除的功能

1、全选

首先, 利用form表单,写出按钮方框。

<input type="button" name='allxuan' value="全选" onclick="quanxuan('fen[]')"> 

下面是js代码:

<script>

function quanxuan(fen)
{
var fens=document.getElementsByName(fen);
for(var i=0;i<fens.length;i++)
{
fens[i].checked=true;
}

}

</script>

2、反选

首先, 利用form表单,写出按钮方框。

<input type="button" name='faxuan' value="反选" onclick="fanxuan('fen[]')">

下面是js代码:

<script>

function fanxuan(fen)
{
var fens=document.getElementsByName(fen);
for(var i=0;i<fens.length;i++)
{
if(fens[i].checked==true)
fens[i].checked=false;
else
fens[i].checked=true;
}

}

</script>

3、取消当前选择

首先, 利用form表单,写出按钮方框。

<input type="button" name='dangqian' value="取消当前选择" onclick="quxiao('fen[]')">

下面是js代码:

<script>

function quxiao(fen)

{
var fens=document.getElementsByName(fen);
for(var i=0;i<fens.length;i++)
{
if(fens[i].checked==true)
fens[i].checked=false;
}
}

</script>

4、全选删除

首先, 利用form表单,写出提交方框。

<input type="submit" name="sub" value="删除" onclick="return delall('fen[]')">

这是负责循环出来的按钮,需要接受php的值。

<input type='checkbox' name='checkbox[]' value='<?php echo $rs['sid']?>' />   //我mysql数据库里编号值为sid。

执行js代码,当一个按钮都没选的时候,提示至少一个选择进行删除,如果选择>=1个按钮的时候,提示:确认删除吗?

function delcheck(itemName)
{
var rs=false;
var cb=document.getElementsByName(itemName);
for(var i=0;i<cb.length;i++)
{
if(cb[i].checked==true)
{
rs=true;
}
}
if(rs==true)
{
return confirm('您确定删除吗');
}
else
{
alert('请至少选择一项进行删除');
return false;
}
return true;
}

开始执行:


猜你喜欢

转载自blog.csdn.net/qq_42249896/article/details/80387559