Установите флажок, если текстовое поле содержит текст

Question

У меня есть флажок для и текстовое поле для. Если пользователь вводит текст в текстовое поле, я бы хотел, чтобы соответствующий флажок был автоматически отмечен для пользователя. С возможностью, конечно, снять флажок, если они передумают.

@Html.CheckBoxFor(m => m.FirstPledge)
@Html.TextBoxFor(m => m.FirstPledgeText, new { @class = "textBoxSize" })

Answer 1

Вы можете прослушать событие keyup, проверить допустимость содержимого в текстовом поле и установить для свойства checked флажка значение true.

Вот код, который делает это с помощью jQuery.

$(function () {
    $("#FirstPledgeText").keyup(function () {
        if($.trim($(this).val())!=="")
        {
            $("#FirstPledge").prop("checked", true);
        }
    });   
})

Если вы хотите снять флажок, когда текстовое поле пусто, добавьте еще часть к условию if и установите false для свойства checked.

Вы можете сделать то же самое в vanilla JavaScript, если вы предпочитаете это.