Javascript Html.Checkbox onchange event

Я попробовал следующее событие, чтобы перейти к замене флажка.

 @Html.CheckBox("AutoCalculateMandate", true , new { onchange = "AutoCalculateMandateOnChange" })

JavaScript:

function AutoCalculateMandateOnChange() {
    alert("working");
}

Когда я пытаюсь использовать код javascript, предупреждение никогда не отображает ничего (не работает).

Как я могу включить/отключить нижний ввод значения Html.Checkbox?

<input type="text" id="LevyFee" class="form-control" data-required="true" ">

Любая помощь ценит.

Спасибо.

Ответы

Ответ 1

Вы можете установить флажок в качестве element в своей функции, передав this в качестве ссылки, см. обновленную разметку ниже

<input type="checkbox" value="check" id="AutoCalculateMandate" onchange = "AutoCalculateMandateOnChange(this)"/>
<label for="AutoCalculateMandate">
    Auto Calculate
</label> <br />

Поскольку вы используете MVC, это может быть достигнуто следующим образом:

 @Html.CheckBox("AutoCalculateMandate", true , new { onchange = "AutoCalculateMandateOnChange(this)" })

Javascript

function AutoCalculateMandateOnChange(element){
    element.checked ? document.getElementById("LevyFee").disabled = true : document.getElementById("LevyFee").disabled = false;    
}

Демо