如果文本框有文本，则标记复选框

Question

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

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

Answer 1

你可以监听keyup事件，检查textbox中的内容是否有效，将checkbox的checked 属性设置为true.

这是使用 jQuery 执行此操作的代码。

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

如果要在文本框为空时取消选中复选框，请在 if 条件中添加一个 else 部分并为 checked 属性设置 false。

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

如果文本框有文本，则标记复选框

Mark Checkbox if text box has text

model-view-controller

checkbox

textbox

razor