如何在没有autopostback的情况下将复选框选中的值插入文本框

Question

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

我检查了checkbox1和checkbox2然后在文本框中它显示为1,2 ...在我取消选中checkbox1之后，然后在文本框中，值将为2.

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

Answer 1

您必须使用JavaScript来设置文本框的值，但显然不会将其发回服务器，或者在您的网页最终提交之前一直存在。

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

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

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