jq js判断多选框是否被选中纯 css实现改变多选框样式

jq js判断多选框是否被选中

$("#test1").prop("checked")和$("#test1").is(":checked")

然后下面附上简单的css改变多选框样式的代码 复制就能用

.checkbox:checked {
            background:#3ea2ee;
        }
        .checkbox {
            -webkit-appearance:none;
            -moz-appearance:none;
            outline: none;
            width:20px;
            height:20px;
            background-color:#ffffff;
            border:solid 1px #dddddd;
            //是圆形还是方块
            /* border-radius:50%; */
            margin:0;
            padding:0;
            position:relative;
            display:inline-block;
            /*文字对齐方式*/
            vertical-align:top;
            transition:background-color ease 0.1s;
        }
        .checkbox:checked::after {
            content:'';
            top:3px;
            left:3px;
            position:absolute;
            border:#fff solid 2px;
            border-top:none;
            border-right:none;
            height:6px;
            width:10px;
            transform:rotate(-45deg);
        }