web中的简单全选反选

最新推荐文章于 2022-12-30 19:20:06 发布

weixin_30371469

最新推荐文章于 2022-12-30 19:20:06 发布

阅读量231

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/huhu1203/p/7693620.html

版权

<html>  
<body>  
    <table>  
        <tr>  
            <th><input type="checkbox" onclick="swapCheck()" id="check" /></th>  
            <th>全选</th>  
            <th><input type="checkbox" onclick="fanCheck()" id ="check1"/></th>  
            <th>反选</th>  
        </tr>  
        <tr>  
            <td><input type="checkbox" /></td>  
            <td>苹果</td>    
        </tr>  
        <tr>  
            <td><input type="checkbox" /></td>  
            <td>香蕉</td>    
        </tr> 
        <tr>  
            <td><input type="checkbox" /></td>  
            <td>梨</td>    
        </tr>  
    </table>  
    <script type="text/javascript"  
        src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>  
  
    <script type="text/javascript">   
        var isCheckAll = false;  
        function swapCheck() {  
            if (isCheckAll) {  
                $("input[type='checkbox']").prop('checked',false);
                isCheckAll = false;  
            } else {  
                $("input[type='checkbox']").prop('checked',true);
                $("input[id='check1']").prop('checked',false);
                isCheckAll = true;  
            }  
        }  

        function fanCheck() {
        $("input[type='checkbox']").each(function(){
        $(this).prop('checked',!$(this).prop('checked'));
        });

        $("input[id='check']").prop('checked',false);
        $("input[id='check1']").prop('checked',!$(this).prop('checked'));
        }  
    </script>  
</body>  
</html>

不知道用不用的到。。。。

转载于:https://www.cnblogs.com/huhu1203/p/7693620.html

weixin_30371469

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
web中的简单全选反选

<html> <body> <table> <tr> <th><input type="checkbox" onclick="swapCheck()" id="check" /></th> <th>...
复制链接

扫一扫