zbox的测试例——selectAll+selectInverse

最新推荐文章于 2022-07-28 17:46:56 发布

行者sky91

最新推荐文章于 2022-07-28 17:46:56 发布

阅读量606

点赞数

分类专栏： Javascript 文章标签： zbox 测试例子

本文链接：https://blog.csdn.net/occultskyrong/article/details/44495371

版权

Javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

将对应的js文件放入同一路径后，即可测试此例。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div style="position: absolute;margin: 200px;">
    <input type="checkbox" id="radio0" group="sAll"><label for="radio0">全选</label><br><br>
    <input type="checkbox" id="radio-1" group="sInverse"><label for="radio-1">反选</label><br><br>
    <input type="checkbox" id="radio1" group="sRadio"><label for="radio1">选项1</label><br><br>
    <input type="checkbox" id="radio2" group="sRadio"><label for="radio2">选项2</label><br><br>
    <input type="checkbox" id="radio3" group="sRadio"><label for="radio3">选项3</label><br><br>
    <input type="checkbox" id="radio4" group="sRadio"><label for="radio4">选项4</label><br><br>
    <input type="checkbox" id="radio5" group="sRadio"><label for="radio5">选项5</label>

</div>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="jquery.zbox.js"></script>
<script>
    $(function () {
        $.zbox.selectAll("[group='sAll']", "[group='sRadio']");
        $.zbox.selectInverse("[group='sInverse']", "[group='sRadio']","[group='sAll']");
    });
</script>
</body>
</html>