Html：
<html ><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="js/jquery-3.4.1.min.js"></script><script type="text/javascript">$(document).ready(function(){ $("#CheckedAll").click(function(){ if (this.checked){ $("[name=fondness]:checkbox").prop("checked",true); } else{ $("[name=fondness]:checkbox").prop("checked",false); } }); $("#send").click(function(){ let str ="你的爱好是:\r\n"; $("[name=fondness]:checkbox:checked").each(function(){ str+=$(this).val()+"\r\n"; }); alert(str); });});</script></head><body> <form method="post" action=""> 你的爱好是:<input type="checkbox" id="CheckedAll" />全选/全不选 <br /> <input type="checkbox" name="fondness" value="唱歌" />唱歌 <input type="checkbox" name="fondness" value="跳舞" />跳舞 <input type="checkbox" name="fondness" value="看书" />看书 <input type="checkbox" name="fondness" value="运动" />运动 <br /> <input type="button" id="send" value="提交" /> </form></body></html>
