Флажок не работает в таблице meteor

я занимаюсь этим уже некоторое время. В основном у меня есть таблица, в каждой строке таблицы есть флажок. Однако любое поле ввода, которое я помещаю в строки таблицы (включая эти поля ввода), я не могу установить значение по умолчанию. Таким образом, даже с флагом «checked» в HTML поля остаются непроверенными….

<form id="form" action="#" class="wizard-big">
                        <h1>Requirements</h1>
                        <fieldset>
                            <h2>Set Requirements</h2>


                                <table class="table table-striped">
                                    <thead>
                                    <tr>
                                        <th></th>
                                        <th>COL1 </th>
                                        <th>COL2 </th>
                                        <th>COL3 </th>
                                        <th>COL4 E</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                      {{#each trades}}
                                      <tr>
                                        <td>{{#if DEFAULT}}
                                          <input type="checkbox" class="i-checks" checked name="check[]">
                                          {{else}}
                                          <input type="checkbox" class="i-checks" name="check[]">
                                          {{/if}}
                                        </td>
                                          <td>{{PROFILE}}</td>
                                          <td><input type="text" placeholder="{{exposure}}" value="{{exposure}}"></td>
                                          <td style="color:{{prof_expColor}}">{{exposure}}</td>
                                          <td style="color:{{prof_expColor}}">{{exposure}}</td>
                                      </tr>
                                      {{/each}}
                                    </tbody>
                                </table>
                        </fieldset>

соответствующий JS

Template.E4E_collateral.rendered = function(){

// Initialize steps plugin
$("#wizard").steps();

$("#form").steps({
    bodyTag: "fieldset",
  });

$('.i-checks').iCheck({
checkboxClass: 'icheckbox_square-green',
radioClass: 'iradio_square-green'
});

1 ответ

  1. Это не checked="checked"просто checked! Это просто логический атрибут, а не строка.

    См. документы

    Вы также можете упростить:

    <td>
    {{#if DEFAULT}}
      <input type="checkbox" class="i-checks" checked name="check[]">
    {{else}}
      <input type="checkbox" class="i-checks" name="check[]">
    {{/if}}
    </td>
    

    к:

    <td><input type="checkbox" class="i-checks" {{#if DEFAULT}}checked{{/if}} name="check[]"></td>