使用javascript选择selectbox

我有一个关于使用Javascript选择SelectBox的问题。我在这里上传了文件，你可以看到一张有很多问题和单选按钮的表格。每个问题有两个单选按钮，是和否

当你进入第一个问题时。“糖尿病”比您选择的单选按钮“ja”要多，您会看到另一个问题现在显示出来。但当我选择“nee”时，这个问题就必须消失了。我如何用Javascript创建它？我的Javascript代码是：

 var diabetes = false;
 var diabetesvraag = $("#blokken table.lichamelijkegezondheid .diabetesextra")
 var buttondiabetes = $("#blokken table.lichamelijkegezondheid .diabetesja")

 diabetesvraag.hide();
 buttondiabetes.click(function()
 {   
  if(diabetes == false)
  {
   diabetes = true;
   diabetesvraag.show();
  }

  else
  {
   diabetes = false;
   diabetesvraag.hide();
  }
  return false;
 }); 

将

class=“diabetesja”

也放在nee按钮上，因为您的代码仅将单击事件分配给

。diabetesja

单选按钮

或者，您可以将class

class=“diabetesne”

添加到nee单选按钮中，并更改

var buttondiabetes = $("#blokken table.lichamelijkegezondheid .diabetesja")

到

---

关键是两个单选按钮（Ja和Nee）都需要有单击处理程序。

首先，您需要更正HTML。每组“是”和“否”单选按钮需要与正确的

名称

属性组合在一起。这将告诉浏览器，每组“是”和“否”中只有一个是可选的。但是，

名称对于每个条件都必须是唯一的。这样做应该可以：

<span class="radio">
    <input type="radio" name="condition_selection" value="yes" id="yes" />
    <label for="yes">Yes</label>
    <input type="radio" name="condition_selection" value="no" id="no" />
    <label for="no">No</label></span>

您可以更改选择器
$（this）.parent（）.next（'.addqns'）
，以适合您的标记。见：现场演示
 谢谢你的帮助。我用过这个@robin在堆栈溢出时，如果某个答案解决了您的问题，您可以单击答案一侧的绿色复选标记，将该答案标记为已接受。这给了提问者和回答者一个他们努力的回报，并标志着问题已经解决。另外，很高兴为您服务：）您确定吗？回答“nee”将使问题不可见，但如果用户犯了错误并希望撤销其答案，该怎么办？此外，我发现在选择项目时有一个小问题（您只能选择一个“nee”和一个“ja”）。
<span class="radio">
    <input type="radio" name="condition_selection" value="yes" id="yes" />
    <label for="yes">Yes</label>
    <input type="radio" name="condition_selection" value="no" id="no" />
    <label for="no">No</label></span>

$('.add_qns').hide();

$('.radio :radio').change(function(){
    if(this.value === 'yes'){
        $(this).parent().next('.add_qns').show();
    } else {
        $(this).parent().next('.add_qns').hide();
    }
});