关于checkbox一些总结

关于checkbox一些总结

    <label><input type="checkbox" value="" id="all">全选</label><br/>
    <input type="checkbox" name="item" value="1"><br/>
    <input type="checkbox" name="item" value="2"><br/>
    <input type="checkbox" name="item" value="3"><br/>
    <button type="button" id="btn">删除</button>
    <script type="text/javascript">
        //全选,全不选
        $('#all').click(function() {
            //if ($(this).is(':checked')) {
            //if ($(this).attr('checked')) {
            if ($(this).prop('checked')) {
                //$(':checkbox[name=item]').attr('checked', true);
                //$(':checkbox[name=item]').attr('checked', 'checked');
                $(':checkbox[name=item]').prop({checked:true});
            } else {
                //$(':checkbox[name=item]').attr('checked', false);
                //$(':checkbox[name=item]').removeAttr('checked');
                $(':checkbox[name=item]').prop({checked:false});
            }
        });
        
        //获取所有选中的值
        $('#btn').click(function() {
            var c = [];
            $(':checkbox[name=item]:checked').each(function (i, n) {
                c[i] = $(this).val();     
            });
        });
    </script> 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容