调用 JavaScript 函数 onClick 时，ASP 单选按钮不会选中答案

【问题标题】：ASP Radio button will not select when calling JavaScript function onClick调用 JavaScript 函数 onClick 时，ASP 单选按钮不会选中
【发布时间】：2017-07-28 10:36:44
【问题描述】：

我的 JavaScript 运行良好，但单击时我的单选按钮不会显示为选中状态。当我 alt+tab 离开我的网页并 alt+tab 返回时，它会在单选按钮周围显示一个阴影圆圈，但仍然没有正确的检查填充。这是为什么呢？

我希望这是一个简单的解决方法。我更新了我的 asp 单选按钮以调用 JavaScript 函数，因为我的 ASP 代码隐藏正在发出回发并清除我页面上的一些控件。不用说，使用 asp c# 代码背后的功能，单选按钮在单击时会正确检查。当点击 JavaScript 功能时，我只需要查看单选按钮上的检查。这是我的收音机控件 HTML：

<div class="col s12 form-section" id="crimeInsurance">
            <h4 class="section-heading">CRIME INSURANCE</h4>
            <p>
                <asp:RadioButton ID="radLLCrimeIns" runat="server" GroupName="CrimeInsurance" ClientIDMode="Static" CssClass="with-gap" OnClick="return CrimeInsuranceToggle();" AutoPostBack="true" text="ACCEPT Crime Insurance (fee of $250.00)" />
            </p>
            <p>
                <asp:RadioButton ID="radLLNOCrimeIns" runat="server" GroupName="CrimeInsurance" ClientIDMode="Static" CssClass="with-gap" OnClick="return CrimeInsuranceToggle();" AutoPostBack="true" text="DO NOT ACCEPT Crime Insurance" />
            </p>
        </div>

这是我的 JavaScript 方法：

function CrimeInsuranceToggle() {
        //controls the crime insurance radio yes/no buttons to update crime insurance fees
        var oCrimeRte = document.getElementById("lblCrimeCovFlatRate");
        var oCrimeTtl = document.getElementById("lblCrimeCovAmtDue");
        var oCrimeY = document.getElementById("radLLCrimeIns");
        var oCrimeN = document.getElementById("radLLNoCrimeIns");

        var radios = document.getElementsByTagName('input');
        var value;
        for (var i = 0; i < radios.length; i++) {
            if (radios[i].type === 'radio' && radios[i].checked) {
                //find each radio that is checked, and act on the ID
                value = radios[i].value;
                if (value == 'radLLCrimeIns') {
                    oCrimeTtl.innerHTML = oCrimeRte.innerHTML;
                    radios[i].checked = true;
                }
                else if (value == 'radLLNOCrimeIns') {
                    oCrimeTtl.innerHTML = "0.00";
                    radios[i].checked = true;
                }
            }
        }

        return false;
    }

非常感谢您的帮助。

【问题讨论】：

当您单击其中一个单选按钮时，浏览器开发人员工具控制台中是否有任何消息？
你能发布那些asp:RadioButton控件输出的实际HTML吗？

标签： javascript html asp.net radio-button

【解决方案1】：

您的函数总是返回 false，这会阻止单选按钮被选中。

尝试这样的事情（未测试）：

标记（注意我将元素引用传递给函数）：

<div class="col s12 form-section" id="crimeInsurance">
  <h4 class="section-heading">CRIME INSURANCE</h4>
  <p>
    <asp:RadioButton ID="radLLCrimeIns" runat="server" GroupName="CrimeInsurance" ClientIDMode="Static" CssClass="with-gap" OnClick="return CrimeInsuranceToggle(this);" AutoPostBack="true" text="ACCEPT Crime Insurance (fee of $250.00)" />
  </p>
  <p>
    <asp:RadioButton ID="radLLNOCrimeIns" runat="server" GroupName="CrimeInsurance" ClientIDMode="Static" CssClass="with-gap" OnClick="return CrimeInsuranceToggle(this);" AutoPostBack="true" text="DO NOT ACCEPT Crime Insurance" />
  </p>
</div>

Javascript：

function CrimeInsuranceToggle(rdo) {
  //controls the crime insurance radio yes/no buttons to update crime insurance fees
  var oCrimeRte = document.getElementById("lblCrimeCovFlatRate");
  var oCrimeTtl = document.getElementById("lblCrimeCovAmtDue");

  //find each radio that is checked, and act on the ID
  if (rdo.id == 'radLLCrimeIns') {
    oCrimeTtl.innerHTML = oCrimeRte.innerHTML;
  } else if (rdo.id == 'radLLNOCrimeIns') {
    oCrimeTtl.innerHTML = "0.00";
  }

  return rdo.checked;
}

【讨论】：