jquery实现checkbox复选框全选及反选功能-优米格

经测试支持Chrome，IE 11等浏览器，代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>四个空格-https://www.yomige.org/</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
    //checkbox全选
    function selectAll(obj) {
        if (obj.checked) {
            $("input[name='check1']").each(function () {
                this.checked = true;
            });
        } else {
            $("input[name='check1']").each(function () {
                this.checked = false;
            });
        }
    }
</script>
</head>
<body>
<form>
    <input type="checkbox" onclick="selectAll(this)" />全选
    <input type="checkbox" name="check1" />
    <input type="checkbox" name="check1" />
    <input type="checkbox" name="check1" />
    <input type="checkbox" name="check1" />
</form>
</body>
</html>

jquery实现checkbox复选框全选及反选功能

评论抢沙发

最新评论

合作&反馈&投稿

商务合作、问题反馈、投稿，欢迎联系

评论 抢沙发

最新评论

合作&反馈&投稿

商务合作、问题反馈、投稿，欢迎联系

评论抢沙发