JavaScript练习 - 正反选练习

Posted Anec

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript练习 - 正反选练习相关的知识，希望对你有一定的参考价值。

正反选练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <div>
        <input type="button" value="全选" onclick="f1()">
        <input type="button" value="反选" onclick="f2()">
        <input type="button" value="取消" onclick="f3()">


        <ul>
            <li><input type="checkbox">aaaaa</li>
            <li><input type="checkbox">aaaaa</li>
            <li><input type="checkbox">aaaaa</li>
            <li><input type="checkbox">aaaaa</li>
            <li><input type="checkbox">aaaaa</li>
            <li><input type="checkbox">aaaaa</li>
        </ul>
    </div>

    <script src="jquery-1.12.4.min.js"></script>
    <script>
        // function f1(){
        //     $(‘:checkbox‘).each(function () {
        //         $(this).prop(‘checked‘,true)
        //     })
        // }
        function f1(){
            $(‘:checkbox‘).prop(‘checked‘,true);
        }
        function f2(){
            $(‘:checkbox‘).each(function () {
                if ($(this).prop(‘checked‘)){
                    $(this).prop(‘checked‘,false)
                }
                else {
                    $(this).prop(‘checked‘,true)
                }
            })
        }
        function f3(){
            $(‘:checkbox‘).removeProp("checked");
        }
    </script>
</body>
</html>

 

以上是关于JavaScript练习 - 正反选练习的主要内容，如果未能解决你的问题，请参考以下文章

全选练习

csharp Epicor标准练习片段

golang 去练习片段

spring练习，在Eclipse搭建的Spring开发环境中，使用set注入方式，实现对象的依赖关系，通过ClassPathXmlApplicationContext实体类获取Bean对象(代码片段

vue.js实战——购物车练习（包含全选功能）

练习1--选老大问题