复选框的选择与反选

Posted 臭小鸭

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了复选框的选择与反选相关的知识,希望对你有一定的参考价值。

一 index.php

<!DOCTYPE html>
<html>
<head>

<script  language="javascript"  src="Jquery.js"></script>

    <title></title>
</head>
<body>
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
<input type="button" name="button1" value="全选" onclick=‘choose("opt")‘>
<input type="button" name="button1" value="反选" onclick=‘choose("fopt")‘>
</body>
</html>

Jquery.js代码


function choose(dept)
{
    store=document.getElementsByName("dept");
    if(dept=="opt")
    {
    for(i=0;i<store.length;i++)
    {

        store[i].checked=true;

    }
}
else if(dept=="fopt")
{
    for(i=0;i<store.length;i++)
    {
        store[i].checked = !store[i].checked;
    }
}



}



 

以上是关于复选框的选择与反选的主要内容,如果未能解决你的问题,请参考以下文章

el-table多级复选框全选与反选

html+css+js实现复选框全选与反选

vue中复选框全选与反选

分享知识-快乐自己:复选框全选/反选/获取值

Jquery 复选框全选与反选点击执行一次然后失效解决方案

JS如何实现对name是数组的复选框的全选和反选以及取消选择? form内容如下: