通過jquery handlebar.js禁用基於值的復選框

Question

我有一個HTML table ，其中包含一個帶有多個選項（ handlebar ）的checkbox 。 我已將{{status}}的值設置為Yes和No 。

當值等於No(Function)時，如何禁用{{status}} checkbox ？

{{#invoices}}
    <tr>
        <td><input name="select_option" id="{{status}} "value="{{open_amount}}" type="checkbox"/></td>
        <td style="white-space:nowrap;">{{company_code}}</td>
        <td style="white-space:nowrap;">{{invoice_no}}</td>
        <td style="white-space:nowrap;">{{invoice_type}}</td>
        <td style="white-space:nowrap;">{{invoice_date}}</td>
        <td style="white-space:nowrap;">{{due_date}}</td>
        <td style="white-space:nowrap;"><font color="{{color}}">{{status}}</font></td>
        <td style="white-space:nowrap;">{{open_amount}}</td>
    </tr>{{/invoices}}

{{#invoices}}
function disable(){
 if(document.getElementById('{{status}}') == 'Pending Process'){
    document.getElementById('select_option').disabled = true;
 }else{
    document.getElementById('select_option').disabled = false;
 }
}
{{/invoices}}

它的工作？

Answer 1

通常為了測試值，我使用自定義幫助器：

Handlebars.registerHelper('test', function(lvalue, operator, rvalue, options) {
    var doDisplay = false;
    var items = (""+rvalue).split("|");
    var arrayLength = items.length;
    for (var i = 0; (i < arrayLength); i++) {
        if (operator == "eq") {
            if (lvalue == items[i]) {
                doDisplay = true;
            }
        } else if (operator == "ne") {
            if (lvalue != items[i]) {
                doDisplay = true;
            }
        } else if (operator == "gt") {
            if (parseFloat(lvalue) > parseFloat(items[i])) {
                doDisplay = true;
            }
        } else if (operator == "lt") {
            if (parseFloat(lvalue) < parseFloat(items[i])) {
                doDisplay = true;
            }
        }else if (operator == "le") {
            if (parseFloat(lvalue) <= parseFloat(items[i])) {
                doDisplay = true;
            }
        }else if (operator == "ge") {
            if (parseFloat(lvalue) >= parseFloat(items[i])) {
                doDisplay = true;
            }
        }
    }
    if (doDisplay) {
        return options.fn(this);
    } else {
        return "";
    }
});

你可以像這樣使用它：

<td><input name="select_option" value="{{open_amount}}" type="checkbox" {{#test status 'eq' 'No(Function)'}}
   disabled
{{/test}}/></td>

Answer 2

你可以綁定屬性'disabled'。

<td><input name="select_option" {{status==='No'?'disabled':''}} value="{{open_amount}}" type="checkbox"/></td>