ASP.net: Как переключить флажок на основе выбора выпадающего списка

Question

У меня есть элемент управления dropdownlist и он заполнен списком имен людей из базы данных. Я хочу включить элемент управления CheckBox, если пользователь выбирает человека в списке и отключает этот флажок, если они выбирают BLANK (также вариант в списке).

Вот часть моего кода ...

<tr> 
     <td>&nbsp;<asp:Label ID="lblAssignedTo1" runat="server" Text="Assigned To:"></asp:Label></td> 
     <td><asp:DropDownList ID="ddlAssignedTo1" runat="server" AppendDataBoundItems="True" DataSourceID="dsAssignedTo" DataTextField="StaffName" DataValueField="StaffID"><asp:ListItem Text="" /></asp:DropDownList></td> 
    </tr> 
    <tr> 
     <td>&nbsp;<asp:Label ID="LabelEmail1" runat="server" Text="Send Email:"></asp:Label> 
     </td> 
     <td><asp:CheckBox ID="cbEmail1" runat="server" Checked="true" /></td> 
    </tr> 

Флажок триггер, чтобы отправить по электронной почте на человека, выбранного из списка. Я хочу, чтобы по умолчанию этот флажок был включен, если человек выбран из списка, чтобы убедиться, что программа, которую я использую, отправит позднее электронное письмо.

Для примера я посмотрел на http://api.jquery.com/change/, но он не использует элемент управления флажком, поэтому не уверен, что он сработает. Извините, я новичок в jScript.

Заранее спасибо

Answer 1

Чистый HTML и JavaScript подход будет выглядеть примерно так:

<select id="people"> 
    <option value="">Select One</option> 
    <option value="person1">Person 1</option> 
    <option value="person2">Person 2</option> 
    <option value="person3">Person 3</option> 
</select> 
<input type="checkbox" name="sendemail" id="sendemail" disabled="disabled" /> 

---

$(document).ready(function() { 
    $('#people').change(function() { 
     if($(this).val() == '') { 
      $('#sendemail').attr('disabled', 'disabled'); 
     } 
     else { 
      $('#sendemail').removeAttr('disabled'); 
     } 
    }); 
}); 

http://jsfiddle.net/AEXpG/

С точки зрения кода, просто захватить выберите список и установите флажок ClientId, а затем примените к ним вышеуказанный код jQuery.