Question

我有3个网页表单控件：3个复选框和1个文本框。

当我选中复选框1和复选框2时，在文本框中它应显示为1,2。

如何使用ASP.NET webforms控件完成此操作？

Answer 1

最简单的方法是使用JavaScript修改文本框的内容。

<script language="javascript">
    var c1 = document.getElementById('<%=myCheckBox1.ClientID%>');
    var c2 = document.getElementById('<%=myCheckBox2.ClientID%>');
    var c3 = document.getElementById('<%=myCheckBox3.ClientID%>');
    var t = document.getElementById('<%=myTextBox.ClientID%>');

    function setTextBox()
    {
        if(c1.checked) t.value = "1";
        if(c2.checked) t.length > 0 ? ",2" : "2";
        if(c3.checked) t.length > 0 ? ",3" : "3";
    }
</script>

然后，为您的复选框添加以下代码段：

onClientClick="setTextBox()"

编辑：如果您选择使用jquery，可能会减少/简化部分代码。如果你需要为显示的内容做一些更复杂的逻辑（例如在单击1和2时更改文本框值但是3不是等等），这可以通过setTextBox()中的JavaScript完成。 / p>

选中2个复选框时，将文本放入文本框中

1 个答案: