如何在没有自动回发的情况下将复选框选中的值插入文本框

Question

我的网页有无限的 asp.net 复选框。如何在没有自动回发的情况下将复选框选中的值插入文本框。

我选中 checkbox1 和 checkbox2 然后在文本框中显示为 1,2 ...当我取消选中 checkbox1 然后在文本框中的值将是 2。

如果我取消选中 checkbox1 和 checkbox2 则文本框中的值为空白

Answer 1

您必须使用 JavaScript 来设置文本框的值，但这显然不会被发送回服务器或以其他方式持续存在，直到您的页面最终提交为止。

假设您将 jQuery 用于您的 JavaScript 库。以下示例查找所有复选框，当单击任何复选框时，文本框将更新为所有当前选中输入的 ID 值。

$('input:checkbox').click(function(){
    var result = $(':checkbox:checked').map(function() {
      return this.id;
    }).get().join(',');

    $('#myTextControl').val(result);
});