jQuery 之操作checkbox 复选框

1.单个复选框

• 通常给复选框添加id或class标志，使用$选中；
• 常使用change() 或click()方法监听变化；
• 使用 prop('checked') 方法检查选中状态；

示例：

        $('#user_id_985').change(function () {
            if($('#user_id_985').prop('checked')){
                map.addLayer(schoolClass)
            }else {
                map.removeLayer(schoolClass)
            }
        })

2.复选框组

大部分情况下，复选框以组的形势存在，如多选题的选项组

• 对一个复选框组，通常给他们添加同一个name属性或class属性，便于同时选中这些复选框；
• 在选择器中使用 :checked 筛选选中的复选框；
• 使用.each()方法，遍历所有选中的复选框，使用$('this').val()获取选中对象的value属性值；
• 常使用change() 或click()方法监听变化；

示例：

            $('input[name="layer-choose"]').change(function () {
                layers=[]  //定义数组存放选中复选框的内容
                $('input[name="layer-choose"]:checked').each(function () {
                    layers.push($(this).val())
                })
            })