如果文本框包含文本，则选中复选框

Question

我有一个checkboxfor和一个textboxfor。如果用户在文本框中输入文本，我希望为用户自动选中相应的复选框。如果他们改变主意，当然可以取消选中它。

@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);
        }
    });   
})

如果您想在文本框为空时取消选中该复选框，则将else部分添加到if条件，并将false属性设置为checked。

如果愿意，您也可以在普通JavaScript中执行相同的操作。