Javascript 如何在ASP.NET MVC中基于单选按钮的选择禁用dropdownlist

目标：
如果选择单选按钮“…日期”，则不会禁用开始和结束日期的下拉列表

问题：
选择并选中单选按钮“…日期”，然后按搜索按钮。 选中单选按钮“…日期”，但禁用开始和结束日期的下拉列表

如果在按下搜索或提交按钮后选中“…日期”，如何使dropdownlist处于活动状态

信息：
*如果选中单选按钮“全部…仅限”，则应禁用开始和结束日期的下拉列表

*我用的是boostrap，jquery。asp.NETMVC CSHTML:

                Search for     

                @Html.RadioButtonFor(x => x.SelectionOfInputRadio, "all", new { id = "test", @class = "positionRadio test-or-dates", @checked = "checked" })
                <label for="all" class="labelPositionForRadio">All ... only</label>

                @Html.RadioButtonFor(x => x.SelectionOfInputRadio, "dates", new { id = "dates", @class = "positionRadio test-or-dates" })
                <label for="dates" class="labelPositionForRadio">date(s)</label>


@{
    DateTime myDate = DateTime.Today;

    List<SelectListItem> myListSelectListItem_YearStartDate = new List<SelectListItem>();

    for (int i = 0; i < 10; i++)
    {
        myListSelectListItem_YearStartDate.Add(new SelectListItem { Text = (myDate.Year - i).ToString(), Value = (myDate.Year - i).ToString(), Selected = DateTime.Today.Year == (myDate.Year - i) ? true : false });
    }
}


@Html.DropDownList("YearStartDate", myListSelectListItem_YearStartDate, new { @class = "date-selector", @disabled = "disabled" })

@Html.DropDownList("YearEndDate", myListSelectListItem_YearStartDate, new { @class = "date-selector", @disabled = "disabled" })



@{
    List<SelectListItem> mySelectListItem_month = new List<SelectListItem>();

    mySelectListItem_month.Add(new SelectListItem { Text = "January", Value = "01", Selected = DateTime.Today.Month == 1 ? true : false });
    mySelectListItem_month.Add(new SelectListItem { Text = "February", Value = "02", Selected = DateTime.Today.Month == 2 ? true : false });
    mySelectListItem_month.Add(new SelectListItem { Text = "March", Value = "03", Selected = DateTime.Today.Month == 3 ? true : false });
    mySelectListItem_month.Add(new SelectListItem { Text = "April", Value = "04", Selected = DateTime.Today.Month == 4 ? true : false });
    mySelectListItem_month.Add(new SelectListItem { Text = "May", Value = "05", Selected = DateTime.Today.Month == 5 ? true : false });
    mySelectListItem_month.Add(new SelectListItem { Text = "June", Value = "06", Selected = DateTime.Today.Month == 6 ? true : false });
    mySelectListItem_month.Add(new SelectListItem { Text = "July", Value = "07", Selected = DateTime.Today.Month == 7 ? true : false });
    mySelectListItem_month.Add(new SelectListItem { Text = "August", Value = "08", Selected = DateTime.Today.Month == 8 ? true : false });
    mySelectListItem_month.Add(new SelectListItem { Text = "September", Value = "09", Selected = DateTime.Today.Month == 9 ? true : false });
    mySelectListItem_month.Add(new SelectListItem { Text = "October", Value = "10", Selected = DateTime.Today.Month == 10 ? true : false });
    mySelectListItem_month.Add(new SelectListItem { Text = "November", Value = "11", Selected = DateTime.Today.Month == 11 ? true : false });
    mySelectListItem_month.Add(new SelectListItem { Text = "December", Value = "12", Selected = DateTime.Today.Month == 12 ? true : false });           
}


@Html.DropDownList("MonthStartDate", mySelectListItem_month, new { @class = "date-selector", @disabled = "disabled" })

@Html.DropDownList("MonthEndDate", mySelectListItem_month, new { @class = "date-selector", @disabled = "disabled" })


@{
    List<SelectListItem> myListSelectListItem_startdate = new List<SelectListItem>();

    for (int i = 1; i <= 31; i++)
    {
        SelectListItem mySelectListItem_startdate = new SelectListItem();
        mySelectListItem_startdate.Text = i.ToString();
        mySelectListItem_startdate.Value = i.ToString();
        mySelectListItem_startdate.Selected = i.ToString() == DateTime.Today.Day.ToString() ? true : false;

        myListSelectListItem_startdate.Add(mySelectListItem_startdate);
    }
}


@Html.DropDownList("DayStartDate", myListSelectListItem_startdate, new { @class = "date-selector", @disabled = "disabled" })

@Html.DropDownList("DayEndDate", myListSelectListItem_startdate, new { @class = "date-selector", @disabled = "disabled" })


<input type="submit" value="Search" />

搜索
@Html.radioButton（x=>x.SelectionOfInputRadio，“全部”，新的{id=“test”，@class=“positionRadio测试或日期”，@checked=“checked”}）
全部的只有
@RadioButton（x=>x.SelectionOfInputRadio，“日期”，新的{id=“dates”，@class=“positionRadio测试或日期”}）
日期
@{
DateTime myDate=DateTime.Today；
List myListSelectListItem_YearStartDate=新列表（）；
对于（int i=0；i<10；i++）
{
myListSelectListItem_YearStartDate.Add（新建SelectListItem{Text=（myDate.Year-i）.ToString（），Value=（myDate.Year-i）.ToString（），Selected=DateTime.Today.Year==（myDate.Year-i）？true:false}）；
}
}
@Html.DropDownList（“YearStartDate”，myListSelectListItem_YearStartDate，new{@class=“日期选择器”，“@disabled=“disabled”}）
@Html.DropDownList（“YearEndDate”，myListSelectListItem_YearStartDate，新的{@class=“日期选择器”，@disabled=“disabled”}）
@{
List mySelectListItem_month=新列表（）；
mySelectListItem_month.Add（新建SelectListItem{Text=“一月”，Value=“01”，Selected=DateTime.Today.month==1？true:false}）；
mySelectListItem_month.Add（新建SelectListItem{Text=“二月”，Value=“02”，Selected=DateTime.Today.month==2？true:false}）；
mySelectListItem_month.Add（new SelectListItem{Text=“March”，Value=“03”，Selected=DateTime.Today.month==3？true:false}）；
mySelectListItem_month.Add（新建SelectListItem{Text=“April”，Value=“04”，Selected=DateTime.Today.month==4？true:false}）；
mySelectListItem_month.Add（新建SelectListItem{Text=“May”，Value=“05”，Selected=DateTime.Today.month==5？true:false}）；
mySelectListItem_month.Add（新建SelectListItem{Text=“June”，Value=“06”，Selected=DateTime.Today.month==6？true:false}）；
mySelectListItem_month.Add（新建SelectListItem{Text=“July”，Value=“07”，Selected=DateTime.Today.month==7？true:false}）；
mySelectListItem_month.Add（新建SelectListItem{Text=“August”，Value=“08”，Selected=DateTime.Today.month==8？true:false}）；
mySelectListItem_month.Add（新建SelectListItem{Text=“septer”，Value=“09”，Selected=DateTime.Today.month==9？true:false}）；
mySelectListItem_month.Add（新建SelectListItem{Text=“十月”，Value=“10”，Selected=DateTime.Today.month==10？true:false}）；
mySelectListItem_month.Add（new-SelectListItem{Text=“十一月”，Value=“11”，Selected=DateTime.Today.month==11？true:false}）；
mySelectListItem_month.Add（新建SelectListItem{Text=“defect”，Value=“12”，Selected=DateTime.Today.month==12？true:false}）；
}
@DropDownList（“MonthStartDate”，mySelectListItem_month，new{@class=“date selector”，@disabled=“disabled”}）
@DropDownList（“MonthEndDate”，mySelectListItem_month，new{@class=“date selector”，@disabled=“disabled”}）
@{
List myListSelectListItem_startdate=新列表（）；
对于（int i=1；i您在submit方法中做什么？您是返回视图还是重定向？您可以发回
SelectionFinputRadio
的值，以便您能够使用该值来确定DropDownList最初是启用还是禁用（而不仅仅是设置为最初禁用）当我按下submit按钮时，您将根据单选类型按钮的选择检索数据。
<script>

    $('.test-or-dates').on('click', function () {
        var _this = $(this);

        var dateSelectors = $('.date-selector');

        if (_this.attr('id') == 'all') {
            dateSelectors.attr('disabled', true);

        }
        else {
            dateSelectors.attr('disabled', false);
        }
    });
</script>