如果满足条件,如何在胡须视图中禁用复选框?

时间:2014-08-17 03:33:15

标签: mustache

这是json回复的一部分

"name_with_grade": "2º - A",
"rates": [
{
  "name": "Evaluación",
  "quantity": 1,
  "due_date": null,
  "optional": false,
  "rate": 300
},

和小胡子

      {{#rates}}
        {{#rate}}
          <tr>
            <td><input type="checkbox"></td>
            <td>{{name}}</td>
            <td>{{rate}}</td>
          </tr>
        {{/rate}}
      {{/rates}}

费率可能为空,因此{{#rate}}但有些是可选的,我想禁用那些不是的复选框。

2 个答案:

答案 0 :(得分:0)

将逻辑更改为必需而非可选,这似乎可以做到,欢迎一些更好的想法。

<td>
  <input type="checkbox"
    {{#required}}
      disabled="disabled" checked="checked"
    {{/required}}>
</td>

答案 1 :(得分:0)

您可以添加一个类,以便根据条件启用/禁用控件:

  1. 添加一个包含条件的隐藏字段(在服务器中加载) 侧): 输入类型=&#34;隐藏&#34; RUNAT =&#34;服务器&#34; ID =&#34; js_hfDisabled&#34;值=&#34;&#34;

  2. 在控件中添加一个类:
    输入类型=&#34;复选框&#34;的类=&#34; js_disabled&#34;

  3. 在$(document).ready(function()...

    中添加一个新函数:

    function enabled_disabled(){         var jshfDis = $(&#39;#js_hfDisabled&#39;)。val();         $(&#39; .js_disabled&#39;)。prop(&#39; disabled&#39;,jshfDis);     }

    并在$(文件).ready(function()...

  4. 中调用它