Javascript 无法使用JQuery根据单选按钮选择隐藏、显示按钮

我有6组单选按钮，每个按钮有三个选择，还有一个进入下一步的按钮。我希望在显示“下一步”按钮之前，必须在每个组中选择一个单选按钮。默认情况下，下一步的按钮是隐藏的。它涉及一个wordpress站点，代码由一个名为：quform的插件提供

html代码（1组）：

试试这个：

    <select name="top5" size="3">
      <option onclick="showNextStep(this)">Checkbox</option>
    </select>

---

用

表格

或

div

包装每个无线电通话组：

<div id="food">
    <input type="radio" name="group1" value="Milk"> Milk
    <input type="radio" name="group1" value="Butter"> Butter
    <input type="radio" name="group1" value="Cheese"> Cheese
</div>

<div id="pets">
    <input type="radio" name="group2" value="Dog"> Dog
    <input type="radio" name="group2" value="Cat"> Cat
    <input type="radio" name="group2" value="Dolphin"> Dolphin
</div>

---

您可以尝试jsfiddle示例（），我希望这会有所帮助

$(".test input[type=radio]").click(function(){
    $(this).parent("div").find(".btn").css("display","block");
}); 

---

谢谢你的回答，但是这个问题必须在jQuery代码中解决！有什么建议吗？类似的问题：你想显示/隐藏的按钮在哪里？它出现在HTML中的什么地方？我已经尝试了代码，但没有成功！还有其他建议吗？

// The id of the hidden element -> displaly: none
if ($(obj).prop('checked')) {
    $("#nextstep").css('display', "block");
} else {
    // To hide if unselect
    $("#nextstep").css('display', "none");
}

<div id="food">
    <input type="radio" name="group1" value="Milk"> Milk
    <input type="radio" name="group1" value="Butter"> Butter
    <input type="radio" name="group1" value="Cheese"> Cheese
</div>

<div id="pets">
    <input type="radio" name="group2" value="Dog"> Dog
    <input type="radio" name="group2" value="Cat"> Cat
    <input type="radio" name="group2" value="Dolphin"> Dolphin
</div>

if ($('#food input[type=radio]:checked')[0] != undefined && $('#pets input[type=radio]:checked')[0] != undefined) {
    $('#btn-step-6').show();
}

$(".test input[type=radio]").click(function(){
    $(this).parent("div").find(".btn").css("display","block");
});