.prop（“ disabled”，true）; ，prop（“ disabled”，'disabled'）;和.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);