js实现checkbox的全选和全不选功能

Posted 屌丝IT男

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现checkbox的全选和全不选功能相关的知识,希望对你有一定的参考价值。

html代码:

<form name="form1" method="post" action="manage.php?act=sub">
    <input type="checkbox" name="mm[]" value="<?=$row[‘0‘]?>" onClick="checkAll(this, ‘mm‘)">
    <!--checkbox 实现选择多条记录-->
    <input type="submit" name="Submit" value="删除" onClick="return(confirm(‘确认要删除吗?‘))">
</form>
<input type="checkbox" name=‘mm‘ onClick="checkItem(this, ‘mm[]‘)"></br>
<input type="checkbox" name=‘mm‘ onClick="checkItem(this, ‘mm[]‘)"></br>
<input type="checkbox" name=‘mm‘ onClick="checkItem(this, ‘mm[]‘)"></br>
<input type="checkbox" name=‘mm‘ onClick="checkItem(this, ‘mm[]‘)">
<!-- JS实现全选/不全选的代码 -->
<script language=javascript>
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;
    }
}
</script>

 

php代码:

    $num=$_POST[‘mm‘];//这里得到一个POST数组;
    $str=implode(‘,‘, $num); //把数组值分开;
    $query="delete from `ad` where `id` IN({$str});"; //SQL语法,IN条件语句

 

以上是关于js实现checkbox的全选和全不选功能的主要内容,如果未能解决你的问题,请参考以下文章

Jquerycheckbox的全选和全不选

多选框的全选和全不选(复制)

JS实现全选和全不选

jQuery学习——使用JQ完成复选框的全选和全不选

js 脚本怎样实现checkbox的全选,反选,类似邮箱中邮件的全选后删除移动

使用JavaScript完成复选框的全选和全不选