使用jQuery实现全选和全不选功能(if-else) - 代码示例

可以通过以下代码实现全选和全不选的功能：\n\njavascript\n$(document).ready(function(){\n // 全选\n $("#select-all").click(function(){\n $(".checkbox").prop("checked", true);\n });\n\n // 全不选\n $("#deselect-all").click(function(){\n $(".checkbox").prop("checked", false);\n });\n});\n\n\n在HTML中，你需要有一个全选的按钮和一个全不选的按钮，并给它们分别添加id属性为"select-all"和"deselect-all"。此外，你还需要有一组复选框，它们的class属性设置为"checkbox"，以便通过jQuery选择它们。\n\n示例HTML代码如下：\n\nhtml\n<button id="select-all">全选</button>\n<button id="deselect-all">全不选</button>\n\n<input type="checkbox" class="checkbox">\n<input type="checkbox" class="checkbox">\n<input type="checkbox" class="checkbox">\n\n\n这样，当你点击"全选"按钮时，所有具有class属性为"checkbox"的复选框都会被选中；当你点击"全不选"按钮时，所有复选框都会取消选中。\n\n如果你还有其他的需求或有任何问题，请随时告诉我。