Jquery 如果至少选中了一个复选框,请选中“长度”

Jquery 如果至少选中了一个复选框,请选中“长度”,jquery,icheck,Jquery,Icheck,如果从多个复选框中选择了至少一个复选框,我想检查长度。但是,对于下面的示例,它不返回任何内容。该功能未启动。为了更好的示例,我添加了所需的jQuery、css、JS脚本等。我的意图是通过length方法检查是否至少选中了一个复选框,否则返回0 功能检查条件1检查框{ var checked=$productModal输入:复选框:checked.length; 警惕性检查; } $function{ $'input[type=checkbox]。平红色,input[type=radio]。平红

如果从多个复选框中选择了至少一个复选框,我想检查长度。但是,对于下面的示例,它不返回任何内容。该功能未启动。为了更好的示例,我添加了所需的jQuery、css、JS脚本等。我的意图是通过length方法检查是否至少选中了一个复选框,否则返回0

功能检查条件1检查框{ var checked=$productModal输入:复选框:checked.length; 警惕性检查; } $function{ $'input[type=checkbox]。平红色,input[type=radio]。平红色。i选中{ checkboxClass:“icheckbox_平绿色”, 无线电课堂:“伊拉迪奥?平绿色” } }; /*iCheck插件扁平皮肤,绿色 ------------------ */ .icheckbox_扁绿色, .伊拉迪奥·乌-扁绿色{ 显示:内联块; *显示:内联; 垂直对齐:中间对齐; 保证金:0; 填充:0; 宽度:20px; 高度:20px; 背景:urlgreen.png无重复; 边界:无; 光标:指针; } .icheckbox_扁绿色{ 背景位置:0; } .icheckbox_扁绿色。选中{ 背景位置:-22px0; } .icheckbox_扁绿色。禁用{ 背景位置:-44px 0; 游标:默认值; } .icheckbox_平面-绿色。选中。禁用{ 背景位置:-66px 0; } .伊拉迪奥·乌-扁绿色{ 背景位置:-88px 0; } .iradio_扁绿色。选中{ 背景位置:-110px 0; } .iradio_扁绿色。禁用{ 背景位置:-132px 0; 游标:默认值; } .iradio_平面-绿色。选中。禁用{ 背景位置:-154px 0; } /*视网膜支持*/ @仅媒体屏幕和webkit最小设备像素比:1.5, 仅屏幕和-moz最小设备像素比:1.5, 仅屏幕和-o-min-device-pixel-ratio:3/2, 仅屏幕和最小设备像素比:1.5{ .icheckbox_扁绿色, .伊拉迪奥·乌-扁绿色{ 背景图像:urlgreen@2x.png; -webkit背景尺寸:176px 22px; 背景尺寸:176px22px; } } 1. 2. 您必须使用:

ifClicked:用户单击自定义输入或指定标签 ifChanged:输入的选中、禁用或不确定状态已更改 ifChecked:输入的状态更改为checked 如果未选中:选中状态被删除 ifToggled:输入的选中状态已更改 ifDisabled:输入的状态更改为disabled 如果已启用:禁用状态已删除 ifIndeterminate:输入的状态更改为不确定 ifDeterminate:不确定状态被删除 ifCreated:输入只是定制的 ifdestromed:自定义项刚刚被删除 $function{ var复选框=$'输入[type=checkbox]。平红色,输入[type=radio]。平红色'; checkbox.iCheck{ checkboxClass:“icheckbox_平绿色”, 无线电课堂:“伊拉迪奥?平绿色” } .在“ifChanged”上,functionevent{ var l1=复选框。筛选器:选中。长度, l2=$“输入[type=checkbox]”。筛选器:checked.length, l3=$input:checked.length; console.logl1、l2、l3; }; }; /*iCheck插件扁平皮肤,绿色 ------------------ */ .icheckbox_扁绿色, .伊拉迪奥·乌-扁绿色{ 显示:内联块; 垂直对齐:中间对齐; 保证金:0; 填充:0; 宽度:20px; 高度:20px; 边界:无; 光标:指针; } 1. 2.
您的小提琴缺少对jQuery的引用,所以我添加了它,现在它可以工作了。你的问题到底是什么?尝试检查控制台是否有错误。另外,请确保您已将CheckCondit1CheckBox声明在内联事件处理程序的正确范围内,即在窗口下-或者最好是删除内联处理程序并以不引人注目的方式附加事件。@RoryMcCrossan基本上此复选框与iCheck一起使用。当我选中任何一个或两个时,它都不会调用函数。下面是一个列表,列出了所有可以与iCheck一起使用的事件,也许可以使用check和uncheck事件@安德烈亚斯我已经尽了最大努力修改了这个问题。我的复选框带有iCheck,我想检查是否至少选中了一个复选框。@Andreas我已经修改了脚本和问题。请再次检查。谢谢!但是如果没有选中复选框,我如何检查呢。意思是说,如果没有选中复选框,它将返回0。我不能在这里使用长度方法吗?我找到它:$'input[type=checkbox].ProdCheckBox'。filter:checked.lengthI我从@NiladriBanerjee Uttarpara找到了上面的代码片段修改了我的答案以更好地满足您的要求