.prop("禁用", true); ,prop("禁用", '禁用'); 和 .attr('disabled', 'disabled') 在 chrome 中不起作用

Question

我已经关注并尝试禁用单选按钮，它在 chrome 中不起作用，但在 IE 中起作用

<div id="MBOption" class="col-lg-12" style="display:inline-block; align-content:center">
                @*<input type="radio" name="MBOptn" id="DisMB" value="DisMB" checked />*@
                @if (ViewBag.UserPref == true)
                {
                    <input type="radio" name="MBOptn" id="DisMB" value="DisMB" onclick="DisplayMB();" checked />
                    <label for="DisMB">Display Medical Bills       </label>
                    <input type="radio" name="MBOptn" id="NoMB" data-toggle="modal" data-target="#divMBDeleteModal" value="NoMB" onclick="NoMB();"/>
                    <label for="NoMB"> Do not display Medical Bills</label>
                }
                else
                {
                    <input type="radio" name="MBOptn" id="DisMB" value="DisMB" onclick="DisplayMB();"/>
                    <label for="DisMB">Display Medical Bills       </label>
                    <input type="radio" name="MBOptn" id="NoMB" data-toggle="modal" data-target="#divMBDeleteModal" value="NoMB" checked />
                    <label for="NoMB"> Do not display Medical Bills</label>
                }

            </div>

Answer 1

禁用输入，而不是父 div

$("#MBOption input").prop("disabled", true);