Jquery 之 <checkbox>

通过Jquery的ajax获得数据源

var columnData = eval(data.column);
var ocLen = columnData.length;

根据数据循环生成checkbox组

for ( var i = 0; i < ocLen; i++) {
$("#outColumn").append(
"<div style='width: 120px; float: left;'>
<input type='checkbox' style='width: 25px;' name='' checked='checked' 
value='"+ columnData[i].split(" ")[1]+ "'/>"+ columnData[i].split(" ")[0]+ "</div>"
);
}

最后动作的时候,判断checkbox组的选中情况

var outColumn = "";
$("#outColumn").find("input").each(function(obj) {
if ($(this).attr("checked")) {
outColumn += $(this).val() + " ";
}
});


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> @import url("css/table.css"); </style> <title>学生信息</title> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> </head> <body> <div> <button>批量删除</button> </div> <table> <thead> <tr> <th><label><input type="checkbox" /></label></th> <th>学号</th> <th>姓名</th> <th>专业</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td><label><input type="checkbox" /></label></td> <td>9527</td> <td>唐伯虎</td> <td>国画</td> <td> <button class="view">查看</button><button>修改</button><button>删除</button> </td> </tr> <tr> <td><label><input type="checkbox" /></label></td> <td>007</td> <td>武松</td> <td>体育</td> <td> <button class="view">查看</button><button>修改</button><button>删除</button> </td> </tr> <tr> <td><label><input type="checkbox" /></label></td> <td>1024</td> <td>诸葛亮</td> <td>心理学</td> <td> <button class="view">查看</button><button>修改</button><button>删除</button> </td> </tr> <tr> <td><label><input type="checkbox" /></label></td> <td>1010</td> <td>刘义</td> <td>计算机</td> <td> <button class="view">查看</button><button>修改</button><button>删除</button> </td> </tr> <tr> <td><label><input type="checkbox" /></label></td> <td>6969</td> <td>晨儿</td> <td>桑蚕技术</td> <td> <button>查看</button><button>修改</button><button>删除</button> </td> </tr> <tr> <td><label><input type="checkbox" /></label></td> <td>666</td> <td>章三</td> <td>小龙虾烹饪</td> <td> <button>查看</button><button>修改</button><button>删除</button> </td> </tr> <tr> <td><label><input type="checkbox" /></label></td> <td>5520</td> <td>里斯</td> <td>天文</td> <td> <button>查看</button><button>修改</button><button>删除</button> </td> </tr> </tbody> <tfoot> <tr> <td colspan="5"> <a href="#">尾页</a> <a href="#">下一页</a> <a href="#">上一页</a> <a href="#">首页</a> </td> </tr> </tfoot> </table> <script> 如何实现删除功能?
06-13

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值