选中复选框后禁用文本框

时间:2014-11-20 08:19:17

标签: javascript jquery html asp.net-mvc

我正在尝试在(未)选中复选框时禁用输入字段 我知道这个问题已经有了答案,但他们所说的内容对我来说似乎并不适用 所以我试过的是:

function disableWarentarifByAusland() {
var isChecked = $("#ausland").is(":checked");
var warentarif = $("#ArtikelTabelle .warentarif");
alert(warentarif);
for (var ii = 0; warentarif.length >= ii  ; ii++) {
    if (!isChecked) {
        $(warentarif[ii]).prop("disbled", true);
        //$(warentarif[ii]).val(true);
    } else {
        $(warentarif[ii]).prop("disbled", false);
        //$(warentarif[ii]).val(false);
    }
}
}

在此表上使用它:

   $("#add_row").click(function () {
    lZeile++;
    $("#ArtikelTabelle > tbody").append('<tr id="reihe' + lZeile + '">' +
        '<td rowspan="2"><b>' + (lZeile + 1) + '</b></td>' +
        '<td><input class="form-control" id="ccTabelle_' + lZeile + '__ccArtikelNr" name="ccTabelle[' + lZeile + '].ccArtikelNr" type="text" value="" placeholder="Artikelnummer"/></td>' +
        '<td><input class="form-control warentarif" data-val="true" data-val-required="Das Feld &quot;Warentarif-Nr&quot; ist erforderlich." id="ccTabelle_' + lZeile + '__ccWarentarifNr anzahl" name="ccTabelle[' + lZeile + '].ccWarentarifNr" type="text" value="" placeholder="Warentarifnummer"/></td>' +
        '<td><input class="form-control anzahl" data-val="true" data-val-number="Das Feld &quot;Anzahl&quot; muss eine Zahl sein." data-val-required="Das Feld &quot;Anzahl&quot; ist erforderlich." id="ccTabelle_' + lZeile + '__ccAnzahl" name="ccTabelle[' + lZeile + '].ccAnzahl" type="text" placeholder="Anzahl" /></td>' +
        '<td><input class="form-control preis" data-val="true" data-val-number="Das Feld &quot;Einzelpreis&quot; muss eine Zahl sein." data-val-required="Das Feld &quot;Einzelpreis&quot; ist erforderlich." id="ccTabelle_' + lZeile + '__ccEinzelpreis" name="ccTabelle[' + lZeile + '].ccEinzelpreis" type="text" placeholder="Einzelpreis"/></td>' +
        '<td rowspan="2"><a class="btn btn-default delete_row" data-rowid="' + lZeile + '">Artikel löschen</a></td>' +
        '</tr>' +
        '<tr id="text' + lZeile + '">' +
        '<td colspan="4"><textarea class="form-control" data-val="true" data-val-required="Das Feld &quot;Inhaltsbeschreibung&quot; ist erforderlich." id="ccTabelle_' + lZeile + '__ccInhaltsbeschreibung" name="ccTabelle[' + lZeile + '].ccInhaltsbeschreibung" placeholder="Inhalt">' +
        '</textarea></td></tr>');

我正在使用附加内容在文档就绪上创建表格 您可以在jquery中看到我使用alert()val()来测试是否执行了此函数。我可以更改输入字段中的内容并且警报会消失,但检查后道具不会更改甚至出现在代码中。
我的问题在这里是什么?

1 个答案:

答案 0 :(得分:2)

您应该修复“已禁用”属性名称的拼写:

$(warentarif[ii]).prop("disabled", true);

$(warentarif[ii]).prop("disabled", false);