jQuery操作checkbox选择

最新推荐文章于 2023-12-08 11:00:27 发布

VIP文章姚虎才子

最新推荐文章于 2023-12-08 11:00:27 发布

阅读量856

点赞数 2

分类专栏： jquery 文章标签： jquery操作checkbox

本文链接：https://blog.csdn.net/yaohucaizi/article/details/8756225

版权

1、checkbox list选择

效果图：

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            // 全选
            $("#btnCheckAll").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", true);
            });
 
            // 全不选
            $("#btnCheckNone").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", false);
            });
 
            // 反选
            $("#btnCheckReverse").bind("click", function () {
                $("[name = chkItem]:checkbox").each(function () {
                    $(this).attr("checked", !$(this).attr("checked"));
                });
            });
 
            // 全不选
            $("#btnSubmit").bin

最低0.47元/天解锁文章

姚虎才子

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery操作checkbox选择

1、checkbox list选择效果图：代码： $(function () { // 全选 $("#btnCheckAll").bind("click", function () { $("[name = chkItem]:checkbox").a
复制链接

扫一扫