jquery学习笔记（六）

最新推荐文章于 2024-01-20 21:49:50 发布

谁说大象不能跳舞

最新推荐文章于 2024-01-20 21:49:50 发布

阅读量103

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/jiahonhyu0609/article/details/79899607

版权

jquery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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


    </style>
    <script src="js/jquery.min.js"></script>
    <script language="JavaScript" type="text/javascript">
       $(document).ready(function () {
            $('#checkkall').bind('click',function () {
               var checkboxes = $('#form-fields li').find('.check');
                if(this.checked)
                {
                    checkboxes.attr('checked','true');
                }else
                {
                    checkboxes.attr('checked','false');
                };
            });

       });

    </script>
</head>
<body>
 <ul id="form-fields">
    <li>
        <input name="check1" class="check" type="checkbox"/>
        <label>Checkbox 1</label>
    </li>
     <li>
         <input name="check2" class="check" type="checkbox"/>
         <label>Checkbox 2</label>
     </li>
     <li>
         <input name="check3" class="check" type="checkbox"/>
         <label>Checkbox 3</label>
     </li>
     <li>
         <input name="check4" class="check" type="checkbox"/>
         <label>Checkbox 4</label>
     </li>
     <li>
         <input name="check5" class="check" type="checkbox"/>
         <label>Checkbox 5</label>
     </li>

 </ul>

<input type="checkbox" id="checkkall"/>
<label>Check all</label>

</body>
</html>

谁说大象不能跳舞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery学习笔记（六）

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; &lt;/style&gt; &
复制链接

扫一扫

专栏目录