html checkbox 使用方法,jquery中checkbox使用方法简单实例演示

和大家分享一段基于jQuery实现checkbox列表全选、反选和不选功能的代码，适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例，代码简洁，基本覆盖选项选择操作的方方面面，希望可以帮到有需要的前端开发爱好者。

引入jquery库

构建HTML

一般从数据库读出来的列表都需要批量选中以便删除与编辑等，下面我们就来模拟下，实现复选框checkbox的全选与不选，先建立html

• 1.我是记录来的呢
• 2.哈哈，真的太天真了
• 3.爱上你是我的错吗？
• 4.从开始你就不应用爱上我
• 5.喜欢一个人好难
• 6.你在那里呢

jQuery 代码

1、全选或全不选。当勾选全选按钮#selectAll旁边的复选框#all时，列表中的选项全部选中，反之取消勾选则列表中的选项全部为未选中状态。

$("#all").click(function(){

if(this.checked){

$("#list :checkbox").attr("checked", true);

}else{

$("#list :checkbox").attr("checked", false);

}<