问题标签 [icheck]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
15991 浏览

javascript - 将 iCheck(jQuery 插件)应用于动态创建的 CheckBoxes

我使用出色的iCheck插件在我的表单中设置复选框的样式。

使用该插件,我只需调用$('input').iCheck()即可应用所需的外观和功能。

但是,我坚持在.iCheck()动态创建的复选框上调用该函数。

在 ajax 调用中,我在成功函数中构建我的复选框,如下所示;这是在一个$.each块中,但为了简单起见,我只在语句中包含了代码。

DOM 树中已经存在elid 的 div在哪里,我的对象是否以 JSON 形式返回containern

在构建复选框之后,我$('#container input').iCheck();显然打电话给我,除了标准复选框之外我没有什么特别的。我认为这是因为复选框是在.iCheck()调用之后动态创建的。但即使在我创建复选框并调用.iCheck()结果之后也是一样的。

有人可以指导我吗?

0 投票
1 回答
5825 浏览

jquery - 遇到 jQuery 查找问题

我目前有一个表格,在选择选项后将类附加到输入标签上。在使用 iCheck 插件之前,我让它运行良好。我基本上是通过一系列父母来找到“.frmLabel”类并向其添加“.frmLabelChecked”类。它适用于我的选择和文本输入,但不适用于单选和复选按钮。

从我可以看到 iCheck 插件为表单样式添加了一个额外的 div 元素,因此添加一个额外的 parent() 似乎可以解决这个问题。这有点乱,但这是我能做的最好的事情,因为我正在使用的小部件是动态拉入的。

现场示例可以在这里找到:http : //bvp.dmediastudios.com,没有 icheck 的版本(有效)在这里http://bvp.dmediastudios.com/v4/

代码如下:

复选框代码

非工作版本可以在这里找到:bvp.dmediastudios.com,工作版本(没有 iCheck)可以在这里找到:bvp.dmediastudios.com/v4/

这是上面函数引用的html块

任何帮助,将不胜感激。在页面本身上查看 html 可能更容易。

0 投票
3 回答
1697 浏览

jquery - 选中的 Ajax 复选框不起作用

我有一个带有 id 的复选框#cond99;它是从 ajax 加载的,它工作正常,但我想添加一个动作,但它不工作。谁能帮我?

0 投票
4 回答
15049 浏览

jquery - iCheck 复选框未显示

我无法在任何浏览器中显示iCheck iCheckbox 插件。

这是一个 jSFiddle。iCheck 依赖于 jQuery 1.7+。

http://jsfiddle.net/jmj3M/2/

我在没有任何选项的情况下对其进行了初始化:

如您所见,如果您检查 DOM,输入元素被 iCheckbox div 包裹。<input>然而,和<ins>元素的不透明度都设置为 0 。

通过 jQuery 改变它们的不透明度,你会得到这个:http: //jsfiddle.net/buRq7/

不幸的是,它仍然不起作用。有没有人有任何建议或经验让这个工作?

我正在使用 rails 4 和资产管道。

编辑: 我刚刚意识到我在 jsFiddle 中选择了无库(纯 JS)作为框架选项,即使不改变不透明度也似乎可以工作(参见:http: //jsfiddle.net/buRq7/5/)。但是,文档明确表示它依赖于 jQuery(或 Zepto)。将框架选项切换到 jQuery 1.10.1 会导致 iCheckbox 不再起作用……不知道为什么会这样。

0 投票
1 回答
1426 浏览

jquery - 带有复选框和 jQuery iCheck 的 jQuery 同位素组合过滤器

我根本不知道 javascript,所以一直在尝试将它拼凑起来,我已经让同位素工作并使用 iCheck 设置了复选框的样式。

这是我试图实现的同位素效应 - 多个组合过滤器:http ://codepen.io/desandro/pen/btFfG

如果没有 iCheck,该功能可以正常工作,但是一旦添加了 iCheck,复选框就不起作用 - 过滤仍然有效。

例如。加载时,默认选中“任何卧室”。当检查“ 4间卧室”时,“任何卧室”应该取消选中。然后,如果我要取消选中“4 间卧室”,则需要再次选中“任何卧室”。

我在这里做了一个小小提琴:http: //jsfiddle.net/KW5H2/1/

请问有人可以阐明一下吗?

0 投票
1 回答
101 浏览

javascript - 单选按钮和行为有效,但是在将工作单选按钮转换为 icheck 插件时,我想不出一条简单的线

这是影响单选按钮行为的咖啡脚本。示例可以在这里找到:http: //jsfiddle.net/ambiguous/Xk5ZC/

这是将上述内容转换为 iCheck 的尝试。但是,我在代码的最后一行遇到问题,我正在尝试初始化咖啡脚本。

我还尝试了其他一些方法来初始化代码,例如

$('.stepRadio:checked').iCheck('check')

没有任何效果。

任何帮助,将不胜感激。这里是 icheck:https ://github.com/fronteed/iCheck

0 投票
1 回答
1818 浏览

jquery - iCheck 库:CSS 样式问题

我将iCheck库用于几个单选按钮。我希望按钮及其标签全部显示在同一行(请参阅此处的 jsFiddle ),但无法正确设置元素的样式。

问题是(我认为)iCheck“用一个 div 包装每个输入,它可以由您自定义或使用其中一种可用的皮肤”(引自iCheck页面的“简单用法”部分)。

我试过的

-- 仅覆盖库 CSS 中的 display 属性,如下所示:

.iradio_flat-orange { 显示:内联!重要;}

结果 - 单选框完全消失了。

-- 将标签包裹在一个单一的<span style="display: inline">

结果 - 没有变化,单选按钮按 jsFiddle 显示。

有谁知道如何适当地设置单选按钮的样式?

0 投票
7 回答
41005 浏览

javascript - iCheck 库:选定单选按钮的值

jsFiddle在这里

我是 Javascript 的新手,无法按照iCheck页面上的文档进行操作。我已经按照此处似乎非常相关的 StackOverflow 问题的答案进行了操作,但无法获得弹出显示我选择的值的警报。谁能指出我正确的方向,好吗?

HTML

Javascript

0 投票
1 回答
284 浏览

javascript - jquery icheck 当前元素上下文

使用这种方法不适合我的需求:

如何检索当前上下文?我想显示标签标签之间的文本。我的 html 看起来像

0 投票
3 回答
2067 浏览

jquery - 使用 iCheck 限制选中复选框的数量

我正在使用 iCheck 来设置复选框的样式,但我在使用它时遇到了麻烦。基本上我需要允许一次检查 3 个复选框,并防止检查更多的复选框。

我试过用这个:

它可以在没有 iCheck 的情况下工作,如下所示,但我无法让 iCheck 更新。

http://jsfiddle.net/hUdrF/4/