之前网上参考的代码都是使用jquery的attr方法,在火狐下有bug,以下是无bug完美全选与反选:
- $('#select_all').click(function(){
- $('input:checkbox').each(function(){
- $(this)[0].checked = true;
- });
- });
- $('#un_select_all').click(function(){
- $('input:checkbox').each(function(){
- if ($(this)[0].checked == true){
- $(this)[0].checked = false;
- }else{
- $(this)[0].checked = true;
- }
- });
- });
另外,加上对获得所有选中的checkbox处理代码:
- $('input:checked').each(function(){
- alert($(this).val());
- });
循环遍历已经选中的CHECKBOX
var ids="";
$("input[type='checkbox']:checked").each(function(){
ids+=ids==""?$(this).val():","+$(this).val();
});
分享到:
相关推荐
JQuery带checkbox多选的下拉列表,功能非常强大,浏览器兼容性也很强, 浏览器兼容性如下: IE 7+ Chrome 8+ Firefox 10+ Safari 3+ Opera 10.6+ 调用非常强大,扩展性也很强
1、兼容 IE、FireFox、Chrome 等浏览器 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点...
这个场景中,我们讨论的是一个针对多选框(checkbox)实现全选、反选功能的JS代码,该代码旨在解决在Internet Explorer(IE)和Firefox这两个主流浏览器中的兼容性问题。 首先,我们来看一下提供的代码片段: ```...
在“使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部”这个项目中,特别提到了在Firefox和IE等系列浏览器中进行了测试。这表明脚本已经考虑到了不同浏览器之间的差异,确保在各种环境下正常...
1、兼容 IE、FireFox、Chrome 等浏览器(对于IE 6.0的兼容问题将不做特殊维护) 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持...
这个问题在Internet Explorer(IE)中并不存在,表现为完全兼容。 首先,让我们回顾一下,在jQuery中操作DOM元素属性的方法主要分为两种:`.attr()` 和 `.prop()`。 1. `.attr()` 方法主要用于获取和设置HTML属性...
兼容 IE、FireFox、Chrome 等浏览器(对于IE 6.0的兼容问题将不做特殊维护) 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax异步加载 两种方式 支持多种事件响应及反馈 支持 Tree...
在jQuery 1.9.1中,对checkbox的选中状态进行操作时,开发者发现使用`attr`方法可能会遇到一些问题,特别是在IE10、Chrome和Firefox等现代浏览器中。例如,当你尝试先取消选中一个checkbox,然后再试图通过`attr('...
在网页开发过程中,兼容性问题始终是一个不可忽视...对于这种特定的IE双击`checkbox`反应延迟问题,我们可以利用JavaScript和jQuery来创建一个兼容的解决方案,使得在所有支持的浏览器中,用户操作都能得到一致的反馈。
以上总结了IE和FireFox之间在JavaScript操作上存在的一些兼容性问题以及解决方案。开发者在进行跨浏览器编程时,需要注意这些问题,采取相应的兼容性措施,以确保网站或Web应用能够在不同的浏览器环境中正常运行。这...
完成开发后,务必在多种浏览器(如Chrome、Firefox、Safari、Edge和旧版IE)和设备上进行测试,以确保复选框嵌套功能在所有环境下都能正常运行。利用浏览器开发者工具可以帮助定位和修复问题。 通过以上方法,我们...
iCheck.js支持响应式设计,适用于各种屏幕尺寸,且兼容各种主流浏览器,包括Chrome、Firefox、Safari、Opera和IE8及以上版本。 二、iCheck.js的安装与引入 要使用iCheck.js,首先需要在HTML文件中引入jQuery库和...
本文将探讨如何创建一个兼容多种浏览器,包括IE8/9/10以及Firefox的漂亮多选框(checkbox)样式。这个定制的样式提供了default、hover和active三种状态,确保在不同交互阶段呈现出一致且吸引人的视觉效果。 在传统...
兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器 支持 JSON 数据 支持静态 和 Ajax 异步加载节点数据 支持任意更换皮肤 / 自定义图标(依靠css) 支持极其灵活的 checkbox 或 radio 选择功能 提供多种事件响应回...
1、兼容 IE、FireFox、Chrome 等浏览器 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点移动、...
标题中的".net模拟多选框兼容多种浏览器",指的是使用.NET技术来编写一段代码,该代码能够在不同的浏览器环境下模拟复选框的行为,确保在IE、Firefox、Chrome、Safari等主流浏览器中都能正常工作。这段源码很可能...
最后,确保你的代码在主流浏览器(如Chrome、Firefox、Safari、Edge和IE11)中都表现良好,进行充分的兼容性测试。 在提供的`jquery-pretty-radio-checkbox`压缩包中,可能包含了实现以上功能的CSS样式文件、...
JQuery zTree特点兼容IE、FireFox、Chrome等浏览器(对于IE 6的兼容问题将不做特殊维护)在一个页面内可同时生成多个Tree实例支持JSON数据支持一次性静态生成和Ajax异步加载两种方式支持多种事件响应及反馈支持Tree...
jQuery 1.4在当时的主流浏览器上表现良好,包括IE6+、Firefox、Chrome、Safari和Opera,为开发者提供了良好的跨浏览器兼容性。 总的来说,jQuery API 1.4是JavaScript开发中不可或缺的工具,它的易用性和广泛的功能...
花生米AJAX-UI系列之:基于JQUERY的投票结果对比条形图0.1版 特点: ... 是否使用radio,checkbox等INPUT控件,也可自定义; ... IE6下,需要设定好每一行的行高(行高会作为... 测试,兼容IE6--IE8,Firefox,chrome浏览器。