Question

使用iCheck插件的Havin checkbocksees列表。

<li>
   <input id="unique_id" name="request[accounts][0][advantages][swops]" type="checkbox" value="1" tabindex="34">
   <label for="unique_id">Some Text</label>
</li>

在jQuery File中是跟随脚本

$(document).ready(function(){
    $('input').iCheck({
        checkboxClass: 'icheckbox_square-green',
    });
});

当页面加载时，就像这样：

<li>
    <div class="icheckbox_square-green" aria-checked="false" aria-disabled="false" style="position: relative;">
        <input id="unique_id" name="request[accounts][0][advantages][swops]" type="checkbox" value="1" tabindex="34" style="position: absolute; opacity: 0;">
        <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins>
    </div>
    <label for="unique_id" class="">Swops</label>
</li>

当我做克隆时

var add_id = 1;
$('.js-clone-account').click(function() {
var $new_form_block = $('.field_set_class').clone().prop('class', 'reply'+add_id);

$new_form_block.clearMyForm(); // Clears all input values

$new_form_block.find('#unique_id').prop('id', 'unique_id'+add_id).prop('name', 'old_name'+add_id);
$new_form_block.find('#unique_id'+add_id).next().prop('for', 'unique_id'+add_id);

$new_form_block.appendTo("#other_div");
            add_id = add_id + 1;
        });

问题 OnClick正在克隆所有元素，但复选框不起作用。标签的ID不会被添加一个，因为添加了div标记和ins标记。在简单的复选框.clone上工作。任何想法都会非常有用。

Answer 1

以克隆的方式使用这种方式：

final email = TextFormField(
    keyboardType: TextInputType.emailAddress,
    autofocus: false,
    initialValue: 'sathyabaman@gmail.com',
    style: new TextStyle(fontWeight: FontWeight.normal, color: Colors.white),
    decoration: InputDecoration(
      hintText: 'Email',
      contentPadding: new EdgeInsets.symmetric(vertical: 25.0, horizontal: 10.0),
      border: OutlineInputBorder(borderRadius: BorderRadius.circular(32.0)),
    ),
  );

触发$('#div_to_clone').find('.checkbox_container').html( < input type='checkbox' class='checkbox_class' name='chechbox_name' value='1' > );<br> $('.contrainer .checkbox_class').iCheck({ checkboxClass: 'icheckbox_flat-green', increaseArea: '20%' });的位置使用此类语法进行调用：

ifChecked

无法克隆iCheck Box

1 个答案: