jQuery练习

  $(function () {
            //1.点击全选
            var $checkedAllBox = $(‘#checkedAllBox‘)
            var $checkedAllBtn = $(‘#checkedAllBtn‘)
            var $items = $(‘:checkbox[name=items]‘)
            $checkedAllBtn.click(function () {
                $items.prop(‘checked‘,true)
                $checkedAllBox.prop(‘checked‘,true)
            })
            //2.点击全不选
            var $checkedNoBtn = $(‘#checkedNoBtn‘)
            $checkedNoBtn.click(function () {
                $items.prop(‘checked‘,false)
                $checkedAllBox.prop(‘checked‘,true)
            })
            //3.反选
            var $checkedRevBtn = $(‘#checkedRevBtn‘)
            $checkedRevBtn.click(function () {
                $items.each(function () {
                    this.checked = !this.checked
                })
                $checkedAllBox.prop(‘checked‘,$items.filter(‘:not(:checked)‘).length===0)
            })
            //4.提交
            var $sendBtn = $(‘#sendBtn‘)
            $sendBtn.click(function () {
                $items.each(function () {
                    if(this.checked){
                        console.log(this.value)
                    }
                })
            })
            //5.全选/全不选
            $checkedAllBox.click(function () {
                $items.prop(‘checked‘,this.checked)
            })
            //6.点击爱好，更新全选/全不选状态
            $items.click(function () {
                $checkedAllBox.prop(‘checked‘,$items.filter(‘:not(:checked)‘).length===0)
            })
        })