Javascript iCheck插件正在破坏我的表单
我在使用jQuery iCheck插件时遇到了一个奇怪的问题 出于某种原因,它似乎删除了我表单上的一些元素。我创建了两个jsfiddle来演示正在发生的事情 下面是一个没有包含iCheck脚本的表单示例:如您所见,“预订您的培训”按钮显示在表单底部 现在,这里有一个包含iCheck脚本的表单示例:如您所见,“book your training”提交按钮由于某种原因被隐藏 这是正在讨论的脚本:Javascript iCheck插件正在破坏我的表单,javascript,jquery,html,forms,icheck,Javascript,Jquery,Html,Forms,Icheck,我在使用jQuery iCheck插件时遇到了一个奇怪的问题 出于某种原因,它似乎删除了我表单上的一些元素。我创建了两个jsfiddle来演示正在发生的事情 下面是一个没有包含iCheck脚本的表单示例:如您所见,“预订您的培训”按钮显示在表单底部 现在,这里有一个包含iCheck脚本的表单示例:如您所见,“book your training”提交按钮由于某种原因被隐藏 这是正在讨论的脚本: $(document).ready(function(){ $('input').each(fun
$(document).ready(function(){
$('input').each(function(){
var self = $(this),
label = self.next(),
label_text = label.text();
label.remove();
self.iCheck({
checkboxClass: 'icheckbox_line-green',
radioClass: 'iradio_line-green',
insert: '<div class="icheck_line-icon"></div>' + label_text
});
});
});
$(文档).ready(函数(){
$('input')。每个(函数(){
var self=$(此),
label=self.next(),
label_text=label.text();
label.remove();
自我检查({
checkboxClass:'icheckbox_line-green',
无线电课堂:“iradio_line-green”,
插入:“”+标签\文本
});
});
});
我唯一的结论是,iCheck脚本/插件隐藏了表单提交元素,但我一辈子都不明白为什么会发生这种情况。删除按钮的原因是,当前选择器在按钮和单选按钮之前为隐藏的输入运行
。我假设您只想对单选按钮执行此操作。标签.remove()代码>行在输入按钮之前的隐藏输入上运行时删除输入按钮
$('input')。每个(function(){
都针对每个输入运行,而不仅仅是单选按钮。如果要将其限制为这些,请将选择器更改为$('input[type=“radio”])。每个(function(){