如何在选择单选按钮后启用下一个按钮？

问题描述：

如何在选择单选按钮后启用下一个按钮？在步步形式与JS如何在选择单选按钮后启用下一个按钮？

<form name="voting"> 

    <input type="radio" class="btn" value="yes" name="aaa" />yes<br> 
    <input type="radio" class="btn" value="no" name="aaa" />no<br> 
    <input type="button" class="btn" value="next" /> 
</form>

你尝试过什么？ – j08691

使用单选按钮上的更改处理程序。如果你告诉我们你已经做了一些事情，我们会帮助你更多。 – marcramser

答

的disabled属性添加到按钮。然后添加上改变&事件处理程序中设置disabled属性设置为false

$(".aaa").change(function() { 
 
    $(".next").prop('disabled',false); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form name="voting"> 
 

 
    <input type="radio" class="btn aaa" value="yes" name="aaa" />yes<br> 
 
    <input type="radio" class="btn aaa" value="no" name="aaa" />no<br> 
 
    <input type="button" class="btn next" value="next" disabled="disabled"/> 
 
</form>

不需要'.is（“：checked”）'。无法取消收音机。使用'prop（）'也是比较常见的方法 – charlietfl

谢谢@charlietfl我已经更新了答案 – Omi

如何在选择单选按钮后启用下一个按钮？

相关推荐