为什么单选按钮不启用禁用的“提交”按钮

时间:2016-04-05 06:37:30

标签: html5 radio-button submit-button

应该是标准的HTML5问题,但对于我的生活,我无法找到直接的答案。

当我有以下代码(剪切但在jsfiddle中测试)时:

<form>
   <input type="radio" name="color" value="black" required />
   <input type="radio" name="color" value="white" />
   <input type="submit" value="Click Here" disabled="disabled"/>
</form>

选择单选按钮后,我无法单击按钮。搜索差不多一个小时的答案(可能是我的google-foo正在减弱)。

2 个答案:

答案 0 :(得分:1)

试试这个

$(document).ready(function() {
    $('input[type=radio][name=color]').change(function() {
        $('input[type=submit]').removeAttr('disabled')
    }); });

https://jsfiddle.net

答案 1 :(得分:1)

disabled是一个html属性,因为它不能应用条件。它会永久禁用该元素,直到删除该属性。使用angular的'ng-disabled'是好的。https://docs.angularjs.org/api/ng/directive/ngDisabled