复选框动态取消全选或全选

最新推荐文章于 2019-11-27 19:24:44 发布

回家养猫

最新推荐文章于 2019-11-27 19:24:44 发布

阅读量207

点赞数

分类专栏：前端文章标签：复选框全选

本文链接：https://blog.csdn.net/qq_38735996/article/details/89349801

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

注意点：jquery中.attr()只在第一次有效，第二次赋值无效，所以使用.prop赋值属性

查看复选框状态

var flag=$("#checkid").prop("checked");//判断复选框状态

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>全选操作</title>
     
</head>

<body>
    <div>
    您喜欢的水果？<br /><br />
<label><input name="Fruit" type="checkbox" value="" />苹果 </label>
<label><input name="Fruit" type="checkbox" value="" />桃子 </label>
<label><input name="Fruit" type="checkbox" value="" />香蕉 </label>
<label><input name="Fruit" type="checkbox" value="" />梨 </label>
 <br/>
 </div>
<input  id="checkid" type="checkbox"  onchange="myfun()"  />全选/全不选 </label>   

 
        <script src="../js/jquery-1.12.4.min.js" type="text/javascript"></script>
        <script  type="text/javascript">
        function myfun(){
        var flag=$("#checkid").prop("checked");//判断复选框状态
        console.log(flag)
        $("div input").prop("checked",flag);
        
         
     } 
     </script>



    </body>

</html>

回家养猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复选框动态取消全选或全选

注意点：jquery中.attr()只在第一次有效，第二次赋值无效，所以使用.prop赋值属性查看复选框状态var flag=$("#checkid").prop("checked");//判断复选框状态<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
复制链接

扫一扫

专栏目录