Javascript onclick不'；无法使用引导程序正常工作

我试着使用onclick事件和引导单选按钮来获取名称和属性，但有些操作并不顺利

有些单选按钮触发了事件，但没有得到名称或类（“未定义”），有些则根本没有响应

<div class="theContainer">    
  <input type="radio" class="myClass" name="options" id="option1" onclick="updateODid()" autocomplete="off" > Radio 1
  <input type="radio" class="myClass" name="options" id="option2" onclick="updateODid()" autocomplete="off"> Radio 2
  <input type="radio" class="myClass" name="options" id="option3" onclick="updateODid()" autocomplete="off"> Radio 3
  <input type="hidden" class="findme" value="found me!">
  <div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary active">
      <input type="radio" class="myClass" name="options" id="option1"       onclick="updateODid()" autocomplete="off" > Radio 1
    </label>
    <label class="btn btn-primary">
      <input type="radio" class="myClass" name="options" id="option2" onclick="updateODid()" autocomplete="off"> Radio 2
    </label>
    <label class="btn btn-primary">
      <input type="radio" class="myClass" name="options" id="option3" onclick="updateODid()" autocomplete="off"> Radio 3
    </label>
  </div> 
</div>

第一台
第二台
第三台
第一台
第二台
第三台

---

它不起作用，因为您以错误的方式混合了javascript和jquery

请检查更新的代码段： onclick函数应如下所示：

$(".myClass").on('click',function(){
  radioButtonClick($(this));
});

$("label.btn-primary").on('click',function(){
  radioButtonClick($(this).find('.myClass'));
});

function radioButtonClick(_this){
  alert("I'm in!")
  alert (_this.attr('name'));
  alert (_this.attr('class'));
  alert (_this.closest(".theContainer").find(".findme").val());
}

---

它不起作用，因为您以错误的方式混合了javascript和jquery

请检查更新的代码段： onclick函数应如下所示：

$(".myClass").on('click',function(){
  radioButtonClick($(this));
});

$("label.btn-primary").on('click',function(){
  radioButtonClick($(this).find('.myClass'));
});

function radioButtonClick(_this){
  alert("I'm in!")
  alert (_this.attr('name'));
  alert (_this.attr('class'));
  alert (_this.closest(".theContainer").find(".findme").val());
}

---

您可以这样尝试，对于

onclick

使用

updateODid（this）

，它将使用当前实例

函数updateODid（按钮）
{
//警惕（“我加入了！”）
警报（$（按钮）.attr（'name'））；
警报（$（按钮）.attr（'class'））；
警报（$（按钮）。最近（“.theContainer”）。查找（.findme”）.val（）
}

第一台
第二台
第三台
第一台
第二台
第三台

您可以这样尝试，对

onclick使用
updateODid（this）
，它将使用当前实例


函数updateODid（按钮）
{
//警惕（“我加入了！”）
警报（$（按钮）.attr（'name'））；
警报（$（按钮）.attr（'class'））；
警报（$（按钮）。最近（“.theContainer”）。查找（.findme”）.val（）
}

第一台
第二台
第三台
第一台
第二台
第三台
谢谢-但引导单选按钮仍然不起作用…：（好的，请检查链接。我也实现了它。因此，在bootsrap单选按钮中，实际的点击是在标签上的，所以这就是为什么它也包含了另一个jquery代码。这是怎么可能的？我正在按收音机！为什么是标签？UI是由bootstrap创建的。额外的HTML由jquery框架bootstrap jquery框架包装。单选按钮隐藏在后台。加载页面后，您可以在inspect元素中检查它。真正的代码包含php变量和循环，但仍然不起作用。我正在检查如何使其适合。谢谢-但引导单选按钮仍然不起作用…：（好的，请检查链接。我也实现了它。因此，在bootsrap单选按钮中，实际的点击是在标签上的，所以这就是为什么它也包含了另一个jquery代码。这是怎么可能的？我正在按收音机！为什么是标签？UI是由bootstrap创建的。额外的HTML由jquery框架bootstrap jquery框架包装。单选按钮隐藏在后台，在页面加载后，您可以在inspect元素中检查它。真正的代码cotain php变量和循环，但仍然无法工作。我正在检查如何使它适合。