Javascript 如何通过单击单选按钮切换div？

默认情况下，两个试剂代码都应隐藏。通过选择单选按钮，必须在其id后显示相应的DIV

函数x{ 如果x==0{ document.getElementById'reagent_code'.style.display='none'； }如果x==1，则为else{ document.getElementById'reagent_code'.style.display='block'； 回来 } } 对 不

---

请尝试以下简单代码：

$'input[type=radio]'。changefunction{ 如果$this.val=='ON'{ 返回$'.content'.css'display'，'block'； } 返回$'.content'.css'display'，'none'； }; 在…上 关 你好，世界。 以下是对代码的建议，没有任何其他库

应在全局范围内定义函数marketer，如果在函数内定义，请使用window.marketer=function

window.marketer=functionx{ 如果x==0{ document.getElementById'reagent_code'.style.display='none'； }如果x==1，则为else{ document.getElementById'reagent_code'.style.display='block'； 回来 } } 对 不 我那令人惊异的div 试试这个

<div class="form-check form-check-inline">
    <input class="form-check-input" type="radio" name="marketer" id="yes" onclick="marketer(1)" value="1">
    <label class="form-check-label" for="yes">Yes</label>
  </div>
  <div class="form-check form-check-inline">
    <input class="form-check-input" type="radio" name="marketer" id="no" onclick="marketer(0)" value="0">
    <label class="form-check-label" for="no">No</label>
  </div>
  <!-- div to hide and show -->
  <div id="div1" style="display: none;">
      <h1>this is div 1 will show if yes</h1>
  </div>
  <div id="div2" style="display: none;">
      <h1>this is div 2 will show if no</h1>
  </div>
<script>
    function marketer(x) {
          if (x == 0) {
            document.getElementById('div1').style.display = 'none';
            document.getElementById('div2').style.display = 'block';
          } else if (x == 1) {
            document.getElementById('div1').style.display = 'block';
            document.getElementById('div2').style.display = 'none';
            return;
          }
        }
</script>

确保不要使用相同的函数名和元素名 使用事件侦听器并切换元素 jQuery

$[name=marketer].onclick，函数{ console.logthis.value $'试剂\ U代码'.togglethis.value==1 } $[name=marketer]：选中。单击 试剂{ 显示：无 } 对 不

---

Reagent1这似乎与jQuery 2无关。错误是因为营销商函数未在onclick属性的正确范围内声明。2不要使用on*事件属性，因为它们已经过时。使用vanilla JS 3时使用addEventListener使用收音机或复选框4时使用更改事件是否有多个元素的id为试剂代码？如果是这样，这是另一个问题，因为它们必须是唯一的。应该在全局范围内定义函数marketer，使用window.marketer=function，如果您在函数中定义它``这是我的页脚，我的项目是laravelOk，@irankhostravi，但是您的外部库的行为将是相同的。不，我的问题没有解决，我得到了错误`TypeError:marketier不是一个函数`againI认为你应该更新/编辑你的问题发布更多信息，因为正如你所看到的，它是有效的。也许你有其他错误或我们没有一些信息，你可以使用或