jQuery版本：1.3.2 代码如下: <html> <head> [removed][removed] </head> <body> <input type=”checkbox” name=”chk_list” id=”chk_list_1″ value=”1″ />1<br> <input type=”checkbox” name=”chk_list” id=”chk_list_2″ value=”2″ />2<br> <input type=”checkbox” name=”chk
在网页开发中，jQuery库提供了一种简便的方式来操作DOM元素，包括处理复选框（checkbox）的选择状态。在本示例中，我们将讨论如何使用jQuery实现全选/取消全选的功能，以及如何获取选中复选框的值。
jQuery版本1.3.2被用于这个例子。在HTML部分，我们有多个`<input type="checkbox">`元素，它们共享同一个name属性"chk_list"，表示这些复选框是一组相关的。此外，还有一个特别的复选框`<input type="checkbox" name="chk_all" id="chk_all">`，用于控制其它复选框的全选和取消全选操作。
实现全选/取消全选的jQuery代码如下：
```javascript
$("#chk_all").click(function(){
$("input[name='chk_list']").attr("checked", $(this).attr("checked"));
});
```
这段代码的工作原理是，当id为"chk_all"的复选框被点击时，它会改变所有name为'chk_list'的复选框的`checked`属性。`$(this).attr("checked")`获取当前点击复选框的选中状态，然后将其应用到所有其他相关复选框上。如果"chk_all"被选中，那么所有"chk_list"的复选框也会被选中；反之，如果"chk_all"被取消选中，所有"chk_list"的复选框也将被取消选中。
`jQuery.attr()`是一个非常重要的方法，它可以用来获取或设置元素的属性值。在上面的代码中，`$("input[name='chk_list']").attr("checked", true)`就是用来设置所有相关复选框的选中状态为true。而`$("input[name='chk_list']").attr("checked")`则是用来读取这些复选框的选中状态。
为了获取选中复选框的值，可以使用以下代码：
```javascript
var arrChk = $("input[name='chk_list'][checked]");
for (var i = 0; i < arrChk.length; i++) {
alert(arrChk[i].value);
}
```
这里首先通过`$("input[name='chk_list'][checked]")`选择所有选中的"chk_list"复选框，形成一个jQuery对象数组`arrChk`。然后使用for循环遍历这个数组，通过`arrChk[i].value`获取每个选中复选框的value值，并通过`alert()`显示出来。
如果你想要使用`$.each()`来遍历这个数组，可以这样实现：
```javascript
$.each($("input[name='chk_list'][checked]"), function(index, element) {
alert(element.value);
});
```
`$.each()`函数接受两个参数，第一个是jQuery对象，第二个是回调函数。回调函数内部的`element`参数代表当前遍历到的DOM元素，所以我们可以直接使用`element.value`来获取value值。
这个例子展示了如何使用jQuery实现复选框的全选/取消全选功能，以及如何获取选中复选框的值，这些都是在Web开发中常见的需求，尤其是在涉及到用户交互和数据处理的场景。通过熟练掌握jQuery，开发者可以更高效地处理DOM操作，提高开发效率。
