使用jQuery禁用无线电输入

Question

我希望默认情况下禁用无线电输入。但它不起作用。

$(document).ready(function() {
$('input').attr('disabled', true);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<form>
<input type="radio" name="harvest" id="first"> First
</form>

我还尝试了以下内容：

$('input[type=radio]').attr('disabled', true);
$('#first').attr('disabled', true);

Answer 1

$(document).ready(function() {
$('input[name=harvest]').prop('disabled', true);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<input type="radio" name="harvest" id="first"> First
</form>

Answer 2

jQuery代码上只有一个问题没有正确关闭。使用特定的ID$('#first'(或类引用要禁用的输入字段。使用$('input'(将禁用所有输入字段。有关更多详细信息，请查看https://www.w3schools.com/jquery/jquery_syntax.asp

$(document).ready(function() {
$('input').attr('disabled', true);
} ); /* Didn't close properly on your code*/

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<form>
<input type="radio" name="harvest" id="first"> First
</form>