c# - 我怎样才能在 <li> 标签内获取复选框文本并在 jQuery 的另一个标签中显示它？

Question

我想在下面的代码中做的是一段 jQuery 代码:

1. 如果选中 CheckBox1，“selectedCheckBox”标签文本变为“项目 1”(与复选框 2 和 3 相同)

2. (完成)如果选中 2 个或更多复选框，“selectedCheckBox”标签文本变为“组”

<asp:Label ID="selectedCheckBox" runat="server" Text="Selected Checkbox Here!"></asp:Label>

......

<ul>
    <li>
        <asp:CheckBox id="CheckBox1 "runat="server" />Item 1</li>
            <li>
            <asp:CheckBox id="CheckBox2" runat="server" />Item 2</li>
        <li>
            <asp:CheckBox id="CheckBox3" runat="server" />Item 3</li>
</ul>

Answer 1

HTML:

   <asp:Label ID="selectecCheckBox" CssClass="selectBox" runat="server" Text="Selected Checkbox Here!"></asp:Label>
            <ul>
                <li>
                    <asp:CheckBox ID="CheckBox1" runat="server" Text="Item 1" /></li>
                <li>
                    <asp:CheckBox ID="CheckBox2" runat="server" Text="Item 2" /></li>
                <li>
                    <asp:CheckBox ID="CheckBox3" runat="server" Text="Item 3" /></li>
            </ul>

jQuery:

<script type="text/javascript">
    $(document).ready(function () {
        $(document).on("change", "input:checkbox", function () {
            if(this.checked)
                SetLabelText(this.nextSibling.innerText);
        });
    });

    function SetLabelText(label) {
        $(".selectBox").text(label);
    }

</script>