"html代码"

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <style type="text/css">
        *{
            padding: 0;
            margin: 0;
        }
        .box{
            margin: 200px auto;
            width: 200px;
            height: 200px;
            overflow: hidden;
            display: block;
        }
    </style>
</head>
<body>
    <div class="box">
        1.<input type="checkbox">
        2.<input type="checkbox">
        3.<input type="checkbox">
        4.<input type="checkbox">
        <input type="button" value="按钮" id="btn">
    </div>
</body>
</html>

"Jquery代码"

<script type="text/javascript">
        $(function(){
            $('#btn').click(function() {
                //选择所有的checkbox
                $('.box').find('input:checkbox').each(function() {
                    //方法一,原生对象
                    if ($(this)[0].checked) {
                        alert(1)
                    };
                    //方法二
                    if ($(this).is(':checked')) {
                        alert(1)
                    };
                });
            });
        })
    </script>

一个好用的JS 提示信息插件 noty

Github: https://github.com/needim/noty new Noty({ text: 'NOTY - a dependency-free notification library!', animation: { o...

阅读全文

chartjs —— jquery柱状图插件

官网地址: http://www.chartjs.org 文档:http://www.chartjs.org/docs/latest/charts/bar.html CDN: https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2....

阅读全文

简单功能强大的jQuery图片剪裁插件Image Cropper

引入必要的js和css核心文件 <script src="/path/to/jquery.js"></script><!-- jQuery is required --> <link href="/path/to/cropper...

阅读全文

欢迎留言