选择另一个单选按钮时启用/禁用单选按钮

Question

Radio buttons
Groups
{

        <div>
            @Html.RadioButtonFor(model => model.groups, "Parts", new { id = "Parts",@class="groupsRadio", @style = "width:auto;background:none;border:none" })<span>Parts</span>
            @Html.RadioButtonFor(model => model.groups, "Labor", new { id = "Labor",@class="groupsRadio", @style = "width:auto;background:none;border:none" })<span>Labor</span>                     
            @Html.RadioButtonFor(model => model.groups, "Tax", new { id = "Tax",@class="groupsRadio", @style = "width:auto;background:none;border:none" })<span>Tax</span>
            @Html.RadioButtonFor(model => model.groups, "Other", new { id = "Other",@class="groupsRadio", @style = "width:auto;background:none;border:none" })<span>Other</span>       
            @Html.ValidationMessageFor(model => model.groups) 
        </div>
    }


   Radio Buttons Group Type
    {
      <div>

             @Html.RadioButtonFor(model => model.groupType, "None", new { id = "None", @style = "width:auto;background:none;border:none" })<span>None</span>
            @Html.RadioButtonFor(model => model.groupType, "Labor", new { id = "Labor", @style = "width:auto;background:none;border:none" })<span>Labor</span>
            @Html.RadioButtonFor(model => model.groupType, "Refinishing", new { id = "Refinishing", @style = "width:auto;background:none;border:none" })<span>Refinishing</span>
            @Html.RadioButtonFor(model => model.groupType, "Sublet", new { id = "Sublet", @style = "width:auto;background:none;border:none" })<span>Sublet</span>                     
            @Html.RadioButtonFor(model => model.groupType, "Miscellaneous", new { id = "Miscellaneous", @style = "width:auto;background:none;border:none" })<span>Miscellaneous</span>

            @Html.ValidationMessageFor(model => model.groupType) 
        </div>
    }

现在

1.在选择“其他”单选按钮时，我必须禁用“单选”按钮组，键入“劳动”和“刷新”

1. 选择“税收”时，仅启用“无”
2. 选择“人工”时，禁用“转租”和“其他”
3. 选择“零件”时，仅启用“无”

请帮助编写jQuery。.我是初学者预先感谢

Answer 1

这是一些让您入门的东西。

$("#Other").click(function(){
    $('#Labor,#Refinishing').prop('disabled',true);
});
$("#Parts,#Labor,#Tax").click(function(){
    $('#Labor,#Refinishing').prop('disabled',false);
});
$("#Tax").click(function(){
    $('#None').prop('disabled',false);
    $('#Labor,#Refinishing,#Sublet,#Miscellaneous').prop('disabled',true);
});

您可以为其余需求做类似的事情。

Answer 2

添加data-display_id attribute例如

<div>
   @Html.RadioButtonFor(..., new {data-display_id='#None', id = "Parts",... })<span>Parts</span>
   @Html.RadioButtonFor(..., new {data-display_id='#Sublet,#Miscellaneous', id = "Labor",... })<span>Labor</span>                     
   @Html.RadioButtonFor(..., new {data-display_id='#None', id = "Tax",....})<span>Tax</span>
   @Html.RadioButtonFor(..., new {data-display_id='#Labor,#Refinishing', id = "Other"... })<span>Other</span>       
   @Html.ValidationMessageFor(model => model.groups) 
</div>

脚本

$('[type="radio"][data-display_id]').click(function(){
    $($(this).data('display_id')).prop('disabled',true);
});