选中复选框不在流星表中工作

时间:2016-05-26 12:38:57

标签: javascript meteor checkbox

现在已经有一段时间了。基本上我有一个表,在每个表行中都有一个复选框。但是我放在表格行中的任何输入字段(包括那些输入框)我都无法设置默认值。所以即使用"检查"在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 个答案:

答案 0 :(得分:0)

checked="checked"它只是checked!它只是一个布尔属性,而不是一个字符串。

请参阅docs

您还可以简化:

<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>