Radio Button Change Event

Question

I am having 2 Radio Buttons.(For Ex : ID and Name)..

  <%=Html.RadioButton("Emp","1")%>
  <label>ID</label>
  <%=Html.RadioButton("Emp","2")%>
  <label>Name</label>    

If i click the Name,

<p>
   <%:Html.LabelFor(m => m.MyDate)%>:&nbsp;
   <%:Html.EditorFor(m => m.MyDate) %>
</p>

the above control should be visibled false..How to do this.

Answer 1

$(':radio[value=2]').click(function() {
    // Might need to adjust the selector here based 
    // on the field you would like to hide
    $('#MyDate').hide();
});

or if you want to use the .change() event:

$(':radio[name=Emp]').change(function() {
    // read the value of the selected radio
    var value = $(this).val();
    if (value == '2') {
        $('#MyDate').hide();
    }
});