javascript - 通过 jquery handlebar.js 禁用基于值的复选框

Question

我有一个 HTML table其中包括 checkbox多选 ( handlebar )。我已经设置了 {{status}} 的值这是Yes和 No .

如何禁用 {{status}} checkbox当值等于 No(Function) 时?

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