Javascript 在特定的单选按钮上单击，使用jquery在mvc中启用文本框/下拉列表

我有三个单选按钮和一个下拉列表。 单击第三个单选按钮时，应显示下拉列表，否则应将其禁用。如何在mvc中使用jquery根据第三个单选按钮的“id”属性检查其条件。帮帮我，我是新来的jquery

$（“文档”）.ready（函数（）{
//这是在页面加载时隐藏和禁用下拉列表
$（“#ddSectionlsts”）.prop（“禁用”，true）；
$（“#ddSectionlsts”）.hide（）；
$（'input:radio'）。单击（函数（）{
//这是为了隐藏和禁用任何单击单选按钮的下拉列表
$（“#ddSectionlsts”）.hide（）；
$（“#ddSectionlsts”）.prop（“禁用”，true）；
如果（$（this）.val==“radiospecific”）{//检查的合适条件是什么
//条件成功时，启用下拉选择
$（“#ddSectionlsts”）.show（）；
$（“#ddSectionlsts”）.prop（“禁用”，false）；
}
});
});

@Html.radioButton（model=>model.Name1，新的{@id=“radiocomman”、@name=“type”、@class=“test\u Css”}）支票
@（model=>model.Name2，新的{@id=“radiospecific”、@name=“type”、@class=“test\u css”}）Cas
@*下拉列表*@
@{var listItems=新列表
{
新列表项{Text=“Exemplo1”，Value=“Exemplo1”}，
新列表项{Text=“Exemplo2”，Value=“Exemplo2”}，
新列表项{Text=“Exemplo3”，Value=“Exemplo3”}
};
}
@DropDownList（“Exemplo”、新的选择列表（列表项、“值”、“文本”）、新的{@id=“ddSectionlsts”、@disabled=“disabled”}）

你的收音机坏了

HTML

对于两个单选按钮，我发现它和它的工作正常


$（文档）.ready（函数（）{
$（“#ddSectionlsts”）.prop（“禁用”，true）；
$（“#ddSectionlsts”）.hide（）；
$（'input:radio'）。单击（函数（）{
$（“#ddSectionlsts”）.prop（“禁用”，true）；
$（“#ddSectionlsts”）.hide（）；
if（$（this）.attr（'id'）=='radiospecific'）{
$（“#ddSectionlsts”）.show（）；
$（“#ddSectionlsts”）.prop（“禁用”，false）；
$（'#radiocomman'）.prop（'checked'，false）；
}
其他的
$（“#放射特异性”）.prop（'checked'，false）；
});
});

@RadioButton（model=>model.Name1，“check”，新的{@id=“radiocomman”，@name=“type”，@class=“test\u Css”}）
@RadioButton（model=>model.Name2，“Cas”，新的{@id=“radiospecific”，@name=“type”，@class=“test\u css”}）
@*下拉列表*@
@{var listItems=新列表
{
新列表项{Text=“Example1”，Value=“Example1”}，
新列表项{Text=“Example2”，Value=“Example2”}，
新列表项{Text=“Example3”，Value=“Example3”}
};
}
@DropDownList（“示例”、新选择列表（列表项、“值”、“文本”）、新{@id=“ddSectionlsts”、@disabled=“disabled”}）
您有未分组的单选按钮。您可以选择两者！当您不给模型属性赋值属性时，绑定到模型属性有什么意义呢？
$（'input:radio'）
最好写为
$（'input[type=radio'）
，它允许现代浏览器优化查询。OP没有任何带有
name=“type”
的单选按钮，一个是
name=“Name1”
另一个是
name=“Name2”
-设置
new{@name=“type”
}不会更改
name
属性（幸运的是）这工作正常，但允许多个单选按钮选择（单击）“check”和“Cas”是一些随机标签，上面的代码可以很好地处理HTML，在mvc中，它对单选按钮的单击没有响应Cheque和Cas分别是标签check和Cas的值。您在模型类中添加了type属性。在ans中发布的单选按钮与我的相同，它包括单选按钮的值I h模型中已定义ave类型。调试程序中未定义“radioVal”是您的单击事件触发器，请尝试更改事件，是否可以为单选按钮添加呈现的html代码（使用F12）
 $('input[name=type]').click(function(){        
        if ($(this).attr('id")=="radiospecific") {
            $("#ddSectionlsts").show();
            $("#ddSectionlsts").prop("disabled", false);
        } else {
            $("#ddSectionlsts").hide();
            $("#ddSectionlsts").prop("disabled", true);

        }
});

@Html.RadioButtonFor(model => model.Name1, "Cheque", new { @id = "radiocomman", @name="type", @class="test_Css" }) Cheque
@Html.RadioButtonFor(model => model.Name2, "Cas", new { @id =   "radiospecific", @name = "type", @class = "test_css" })Cas

Your Js

    $('input:radio').click(function(){       
    var radioVal = $('input:radio[name=type]:checked').val();
    if (radioVal == 'Cheque') {
        $("#ddSectionlsts").prop("disabled", false).show();
    }
    else if (radioVal == 'Cas'){
        $("#ddSectionlsts").prop("disabled", false).hide();
    }});

In your Model

public string type { get; set; }

<input type="radio" name="rb" class="mrb" id="rButton1" value="rb1">Radio Button 1 <br>
<input type="radio" name="rb" class="mrb" id="rButton2" value="rb2">Radio Button 2 <br>
<input type="radio" name="rb" class="mrb" id="rButton3" value="rb3">Radio Button 3

$('.mrb').click(function(){
    if ($(this).attr('id') == 'rButton3') {
        // put your desire action
    }
});