Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript iCheck插件正在破坏我的表单_Javascript_Jquery_Html_Forms_Icheck - Fatal编程技术网

Javascript iCheck插件正在破坏我的表单

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

我在使用jQuery iCheck插件时遇到了一个奇怪的问题

出于某种原因,它似乎删除了我表单上的一些元素。我创建了两个jsfiddle来演示正在发生的事情

下面是一个没有包含iCheck脚本的表单示例:如您所见,“预订您的培训”按钮显示在表单底部

现在,这里有一个包含iCheck脚本的表单示例:如您所见,“book your training”提交按钮由于某种原因被隐藏

这是正在讨论的脚本:

$(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(){