在jQuery中,我们可以轻松地实现在table中进行多行的同时选择。这个功能非常实用,可以帮助我们处理一些数据操作。
要实现多选,我们需要准备一个checkbox来进行标识。同时,我们需要实现一个全选功能,方便用户进行快速选择。
以下是一个代码示例:
<table><thead><tr><th><input type="checkbox" id="selectAll"></th><th>姓名</th><th>性别</th><th>年龄</th></tr></thead><tbody><tr><td><input type="checkbox"></td><td>张三</td><td>男</td><td>20</td></tr><tr><td><input type="checkbox"></td><td>李四</td><td>女</td><td>22</td></tr><tr><td><input type="checkbox"></td><td>王五</td><td>男</td><td>25</td></tr></tbody></table><script>//全选功能$(#selectAll).click(function() {$(input[type="checkbox"]).prop(checked, this.checked);});</script>
通过以上代码,我们就可以实现table中的多选功能。同时,我们设置了一个全选按钮,可以帮助用户进行快速选择。
需要注意的是,在实现多选的时候,我们需要使用prop()而不是attr()方法,因为prop()方法具有更强的兼容性。