(礼拜四log)前端开发：使用jq控制input checkbox的选中和取消

玉儿Qi

于 2016-05-26 13:30:48 发布

阅读量679

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： checkbox 前端开发

本文链接：https://blog.youkuaiyun.com/u014328357/article/details/51506542

前端开发专栏收录该内容

227 篇文章

订阅专栏

本文介绍了一种使用jQuery简化Checkbox操作的方法。具体实现了当点击已选列表中的复选框时，可以对其所在表格内的所有复选框进行全选或取消全选的功能。此方法适用于需要批量操作选项的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 已选列表checkbox
$(".choised_list_table th input").click(function(){
    if($(this).attr('checked') == "checked"){
        // 选中
        $(this).parents("table").find("td input").attr("checked","checked");
    }else{
        // 取消
        $(this).parents("table").find("td input").removeAttr("checked");
    }
});