jQuery中attr和prop在修改checked属性时的区别

哦，对于这件事我有很多话要说！我去年在南京做一个项目的时候就遇到过这个坑。

当时有一个需求，自动设置多个checkbox。
我使用的是 $.attr('checked', true)。
起初，它在 Chrome 上运行得很好，并且点击了复选框，这让我感觉非常好。
但两天后，用户反映，多次点击后，对勾消失，再次点击也没有任何反应。
当时我很困惑。

切换到IE8 试试。
嘿，没问题。
这让我更加困惑。
检查信息并找出 HTML 属性和特征之间的差异。
对于复选框来说尤其如此。
你看，如果checked="checked"最初不是用HTML编写的，并且你使用$.attr('checked')来获取它，结果将是未定义的。
但如果使用 $.prop('checked', true) ，无论是否检查，结果都会是 true 或 false，因为它会随着状态而改变。

所以后来我改用$.prop('checked', true)。
这招确实管用。
另外，.prop()是jQuery 1 .6 之后添加的，所以要注意版本。

还有一件奇怪的事情。
在 IE9 及更早版本上，如果使用 .prop() 设置复杂属性（不是数字、字符串或简单的布尔值），然后在将 DOM 元素从 DOM 树中删除之前将其删除，这可能会导致内存泄漏。
我当时很害怕这个，但后来我发现使用 .data() 设置它是很好而且安全的。
但话虽如此，过去几年我一直使用 .data() 来设置值，并且从未遇到过内存泄漏问题。

简而言之，要更改复选框的选中状态，请停止愚蠢地使用 .attr()，而使用 .prop() 代替。
这是我经历过很多坑之后，用血和泪得到的教训！

jquery,ajax 如何提交多个checkbox的值？

说白了，这段jQuery代码片段主要是用来处理表单中的复选框数据，并在用户选中后通过Ajax将数据发送到服务器。
其实很简单，但是很容易因为细节而陷入困境。

我们先来说说最重要的事情。
当所有三个复选框都被选中时，serialize() 方法会将它们作为字符串“1 ,2 ,3 ”发送到服务器。
还有一点，如果从后台接收到的数据格式不是字符串，而是期望是数组或者对象，则需要在服务器端对数据进行解析。

一开始我以为后台会直接处理字符串，后来发现这是错误的。
如果你的后台逻辑依赖于数组或者对象，直接发送字符串可能会导致错误。
等等，还有一件事，serialize()方法默认只包含表单中可序列化的元素，例如input、select和textarea，所以如果你的表单结构比较复杂，你可能需要修改它。

最后，在使用serialize()时记得注意数据的类型和格式，以保证服务器能够正确解析和接收数据。
与其他 jQuery 操作一样，比如获取复选框值、判断是否选中、设置选中或禁用状态等，这些都是基本操作，但要注意不同版本 jQuery 中 attr() 和 prop() 的区别，尤其是对禁用属性的处理。

怎样设置checkbox默认的状态为“选中”

说实话，以前做Web开发的时候，设置复选框默认选中确实是家常便饭。
我记得有一次，我帮一位朋友修改了一份在线调查表格，其中有几个复选框选项。
他希望用户在打开页面时看到默认选择的这些选项。
当时我直接在HTML标签中添加了一个checked=“checked”属性，简单直接。

后来，随着项目越来越复杂，开始使用JavaScript和jQuery来动态控制页面元素。
有一次，在一个电子商务网站项目中，我需要根据用户的选择自动选中一些复选框。
当时我用的是JavaScript，代码大概是这样的：
javascript document.getElementById("example").checked = true;
这行代码，我当时觉得相当酷，因为它允许我在页面加载后通过 JavaScript 控制复选框的状态。

后来随着jQuery的流行，使用jQuery设置复选框的状态变得更加方便。
我记得有一次，当我为论坛开发插件时，我使用 jQuery 来设置默认选中的复选框。
代码是这样的：
[xss_clean][xss_clean] <脚本> $(文档).ready(函数(){ $("示例").prop("已检查", true); }); </脚本>
这段代码，我当时觉得挺有趣的，因为它不仅让复选框默认选中，而且还保证了在页面加载完成之前不会执行这个操作。

说白了，设置checkbox默认选中的方法其实有很多种。
您可以根据项目的需要和个人喜好进行选择。
无论您是直接向 HTML 添加属性还是使用 JavaScript 或 jQuery 动态设置属性，您都可以实现您的目标。
不过我个人认为，如果是简单的页面，直接在HTML中添加属性是最快最直接的方式。