选中复选框不更新标签ASP/JavaScript

我试图根据所选的值更改标签的值，但根本不更改值

我想做的是，若它被选中，那个么标签将显示为低，但若并没有选中，那个么值将是确定的

C#

JAVASCRIPT

function HeadDamage(Value) {

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

功能头部损坏（数值）{
如果（值==0）{
$（'#'）。文本（“确定”）；
}
else if（值==1）
$（'#'）。文本（“低”）；
}

由于以下两个原因，您的代码片段无法工作。首先，复选框没有值，它要么被选中，要么不被选中。第二，如果您查看HTML，您将看到asp.net使用

元素包装了复选框

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

---

由于以下两个原因，您的代码段无法工作。首先，复选框没有值，它要么被选中，要么不被选中。第二，如果您查看HTML，您将看到asp.net使用

元素包装了复选框

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

---

你的代码有很多问题

第一。复选框的

val

属性永远不会更改

第二。

jQuery

的

text（）

功能对于复选框不起作用。您需要在其旁边添加一个标签

例如：

<input type="checkbox" id="ddlHead" value="0" />
<label id="lblHead">low</label>

// when DOM loads
$(document).ready(function() {

  // when the checkbox changes, run the following function
  $(document).on('change', '#ddlHead', function() {

    if ($(this).is(':checked')) {
      // if this is checked
      $('#lblHead').text('ok');
    } else {
      // else, low
      $('#lblHead').text('low');
    }
  });
});

低的
//当DOM加载时
$（文档）.ready（函数（）{
//当复选框更改时，运行以下函数
$（文档）.on（'change'，'#ddlHead'，function（）{
如果（$（this）.is（':checked'））{
//如果选中此选项
$（'#lblHead'）。文本（'ok'）；
}否则{
//否则，低
$（'lblHead'）。文本（'low'）；
}
});
});

---

工作小提琴：

您的代码有很多问题

第一。复选框的

val

属性永远不会更改

第二。

jQuery

的

text（）

功能对于复选框不起作用。您需要在其旁边添加一个标签

例如：

<input type="checkbox" id="ddlHead" value="0" />
<label id="lblHead">low</label>

// when DOM loads
$(document).ready(function() {

  // when the checkbox changes, run the following function
  $(document).on('change', '#ddlHead', function() {

    if ($(this).is(':checked')) {
      // if this is checked
      $('#lblHead').text('ok');
    } else {
      // else, low
      $('#lblHead').text('low');
    }
  });
});

低的
//当DOM加载时
$（文档）.ready（函数（）{
//当复选框更改时，运行以下函数
$（文档）.on（'change'，'#ddlHead'，function（）{
如果（$（this）.is（':checked'））{
//如果选中此选项
$（'#lblHead'）。文本（'ok'）；
}否则{
//否则，低
$（'lblHead'）。文本（'low'）；
}
});
});

工作小提琴：

试试这个

<asp:CheckBox runat="server" ID="ddlHead" onclick="javascript:funCalled(this)" ClientIDMode="Static" />

function funCalled(obj) {
    if (obj.checked) {
         $('#<%= lblHeadDamage.ClientID %>').text("Ok");
    } else {
        $('#<%= lblHeadDamage.ClientID %>').text("Low");
    }
}

函数已调用（obj）{
如果（对象已选中）{
$（'#'）。文本（“确定”）；
}否则{
$（'#'）。文本（“低”）；
}
}

试试这个

<asp:CheckBox runat="server" ID="ddlHead" onclick="javascript:funCalled(this)" ClientIDMode="Static" />

function funCalled(obj) {
    if (obj.checked) {
         $('#<%= lblHeadDamage.ClientID %>').text("Ok");
    } else {
        $('#<%= lblHeadDamage.ClientID %>').text("Low");
    }
}

函数已调用（obj）{
如果（对象已选中）{
$（'#'）。文本（“确定”）；
}否则{
$（'#'）。文本（“低”）；
}
}

您的控制台中有错误吗？您的控制台中有错误吗？