Jquery复选框控件无法按预期工作

Question

如果所选选项不是nil，则选中该复选框。如果选项为nil，则不会取消选中。

$('#gradable_items_wrapper select').change ->
  selected_option = $("option:selected", @)
  gi_id = selected_option.data('gradable_item_id')
  the_checkbox = $("#flightlesson_gradable_item_ids_#{gi_id}")

  if selected_option.val() == ''
    the_checkbox.prop('checked', false)
  else
    the_checkbox.prop('checked', true)

如果我选择其中一个选项“Test”，并执行以下操作...则取消选中该复选框。出于某种原因''未在上面正确评估。

$('#gradable_items_wrapper select').change ->
  selected_option = $("option:selected", @)
  gi_id = selected_option.data('gradable_item_id')
  the_checkbox = $("#flightlesson_gradable_item_ids_#{gi_id}")

  if selected_option.val() == 'Test'
    the_checkbox.prop('checked', false)
  else
    the_checkbox.prop('checked', true)

如果在选择中选择了任何选项，我需要选中一个框，如果选择了空白选项，则需要取消选中。

  <div class="well" id="gradable_items_wrapper">
    <select id="gradable_category_gradable_item_<%= g.id %>">
  <option value=""></option>
  <option value="Intro" data-gradable_item_id="<%= g.id %>">Intro</option>
  <option value="Discussion" data-gradable_item_id="<%= g.id %>">Discussion</option>
  <option value="Review" data-gradable_item_id="<%= g.id %>">Review</option>
</select>
  </div>