美文网首页
Jquery 复选框全选与反选点击执行一次然后失效解决方案

Jquery 复选框全选与反选点击执行一次然后失效解决方案

作者: 青木川_ | 来源:发表于2018-12-06 09:42 被阅读8次

// 使用attr只能执行一次

function selectAll(o) {

            if (o.checked) {

                $(".chkCss").attr("checked", true);

            } else {

                $(".chkCss").attr("checked", false);

            }

        }

// 使用prop则完美实现全选和反选

$('#all').on('click', function () {

                if (this.checked) {

                    //$("input[name='check']").attr('checked', true);

                    $("input[name='check']").prop('checked', true);

                } else {

                    $("input[name='check']").prop('checked', false);

                }

            });

相关文章

网友评论

      本文标题:Jquery 复选框全选与反选点击执行一次然后失效解决方案

      本文链接:https://www.haomeiwen.com/subject/xtjncqtx.html