javascript - 选中的复选框不会更新标签 ASP/JavaScript

Question

我试图根据所选值更改标签的值，但它根本没有更改值。

我想做的是，如果它被选中，那么标签将显示为低，但如果未被选中，那么值就可以了。

C#

<asp:CheckBox ID="ddlHead" value="0" runat="server" onchange="HeadDamage(this.value);" />

JavaScript

function HeadDamage(Value) {

    if (Value == 0) {
        $('#<%= lblHeadDamage.ClientID %>').text("Ok");
    }
    else if (Value == 1)
        $('#<%= lblHeadDamage.ClientID %>').text("Low");
    }

Answer 1

由于两个原因，您的代码段将不起作用。首先，复选框没有值，它要么被选中，要么没有。其次，如果您查看 HTML，您会看到 asp.net 已经用 <span> 包裹了复选框。元素。

<span onchange="HeadDamage(this.value)"><input id="mainContentPane_ddlHead" name="ctl00$mainContentPane$ddlHead" type="checkbox"></span>

该元素包含 HeadDamage因此你的 Value将始终为 null，因为 span 元素没有值。

尝试将点击直接绑定(bind)到复选框的这个片段:

<asp:CheckBox ID="ddlHead" runat="server"/>

<script type="text/javascript">
    $(document).ready(function () {
        $("#<%= ddlHead.ClientID %>").click(function () {
            if (this.checked == true) {
                $('#<%= lblHeadDamage.ClientID %>').text("Ok");
            } else {
                $('#<%= lblHeadDamage.ClientID %>').text("Low");
            }
        });
    });
</script>