jquery获取特定name所有选中的checkbox,支持IE9标准模式

原先的语句为var selectChks = $(“input[type=checkbox][name=productItem][checked]”);在IE7，IE8和IE9兼容模式都能正常获取但是在IE9标准模式下获取不到，length总为0于是查资料，发现如下写法var selectChks = $(“input[type=checkbox][name=productItem]:checked”);经测试在IE7，IE8和IE9兼容模式，IE9标准模式中也能正常使用 在JavaScript和jQuery中，操作HTML元素，特别是处理复选框（checkbox）的选择状态，是常见的需求。在Web开发中，由于浏览器之间的兼容性问题，往往需要特别注意代码的编写方式。这里我们关注的问题是如何在jQuery中正确地获取具有特定name属性且被选中的所有复选框，同时确保在IE9的标准模式下也能正常工作。 原先的jQuery选择器表达式是： ```javascript var selectChks = $("input[type=checkbox][name=productItem][checked]"); ``` 这个语句试图选取所有type为checkbox、name为productItem且已勾选的复选框。然而，在IE9的标准模式下，它无法正常工作，返回的数组长度始终为0，意味着没有找到任何选中的复选框。 问题的根源在于IE9对CSS选择器的支持。在IE9标准模式中，对于属性选择器（如 `[attribute=value]`），如果属性值是一个属性标志（例如 `checked`），那么应该使用伪类选择器 `:checked` 而非直接将属性值写在方括号内。修正后的jQuery代码如下： ```javascript var selectChks = $("input[type=checkbox][name=productItem]:checked"); ``` 这种写法使用了`:checked`伪类，它表示选择所有当前被选中的复选框。经过测试，这个修正后的语句在IE7、IE8、IE9的兼容模式以及IE9的标准模式下都能正常工作。 理解这个差异对于跨浏览器的前端开发至关重要。`:checked`伪类是jQuery和CSS3中用于选取表单元素（如单选按钮和复选框）的一种方式，当这些元素被选中时，它们会匹配这个伪类。而在某些旧版本的IE浏览器中，尤其是不完全支持CSS3的版本，可能需要使用不同的语法来实现相同的功能。 此外，关于jQuery的选择器性能，虽然`:checked`伪类在现代浏览器中性能良好，但在大量元素中使用复杂的jQuery选择器可能会对性能产生影响。因此，优化选择器并减少遍历的元素数量是提高页面加载速度的一个重要策略。 总结来说，当需要在jQuery中获取特定name且被选中的复选框时，尤其是在需要兼容IE9及其以下版本时，应使用以下选择器： ```javascript var selectChks = $("input[type=checkbox][name=productItem]:checked"); ``` 这将确保在各种浏览器环境下，包括IE9的标准模式，都能够正确地选取到选中的复选框。同时，也要注意选择器的性能优化，以提升网页的运行效率。