<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body><div> ???<input type="button" value="全选" onclick="allSelect()"> ???<input type="button" value="反选" onclick="reverseSelect()"> ???<input type="button" value="取消" onclick="deleteSelect()"></div><table border="1"> ???<thead> ????????<tr> ????????????<th>选择</th> ????????????<th>ip</th> ????????????<th>post</th> ????????</tr> ???</thead> ???<tbody id="tb"> ????????<tr> ????????????<td><input type="checkbox"></td> ????????????<td>1.1.1.1</td> ????????????<td>80</td> ????????</tr> ????????<tr> ????????????<td><input type="checkbox"></td> ????????????<td>1.1.1.1</td> ????????????<td>80</td> ????????</tr> ????????<tr> ????????????<td><input type="checkbox"></td> ????????????<td>1.1.1.1</td> ????????????<td>80</td> ????????</tr> ???</tbody></table><script src="../jquery-2.12.4.js"></script><script> ???function allSelect() { ???????var v=$(‘#tb input[type="checkbox"]‘); ???????console.log(v); ???????v.prop(‘checked‘, true) ???} ???function deleteSelect() { ???????var v = $(‘#tb input[type="checkbox"]‘); ???????v.prop(‘checked‘, false) ???} ???function reverseSelect() { ???????$(‘#tb input[type="checkbox"]‘).each(function () { ???????????if($(this).prop(‘checked‘)){ ???????????????$(this).prop(‘checked‘, false); ???????????} ???????????else{ ????????????????$(this).prop(‘checked‘, true); ???????????} ???????}) ???}</script></body></html>s2选择框的全选和反选jQuery
原文地址：https://www.cnblogs.com/my-love-is-python/p/9307814.html