本文介绍了一种使用jQuery实现表格中所有复选框全选的方法。通过点击按钮触发全选功能，利用$:checkbox选择器配合prop方法实现所有复选框的状态变更。文中提供了一个具体的HTML与JavaScript代码实例。
确认写法没出错后，基本是因为引用js的顺序出啦问题 参考写法
<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>--> <script src="jquery-1.12.4.min.js"></script> </head> <body> <div> <input type="button" οnclick="mao()" value="全选"> <table border="1">
<thead>
<tr><th>选项</th><th>ip</th><th>端口</th></tr>
</thead>
<tbody>
<tr><td> <input type="checkbox"> </td><td>1.1.1.1 </td><td>67</td></tr>
<tr><td> <input type="checkbox"></td><td>1.1.1.1 </td><td>67</td></tr>
<tr><td> <input type="checkbox"></td><td>1.1.1.1 </td><td>67</td></tr>
</tbody>
</table>
</div> <script> function mao() {
$(":checkbox").prop('checked',true)
}
</script>
</body> </html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
