Как использовать флажок для переключения другого элемента?

Как проверить, установлен ли мой флажок с id из UseUsername, а затем использовать эту информацию для переключения другого элемента с помощью id в div?

Ответы

Ответ 1

Это просто:

$('#UseUsername').change(function(){
  if($(this).is(':checked')){
    $('#div').show();
  } else {
    $('#div').hide();
  }
});

Кроме того, вы можете запустить это событие при загрузке страницы, поэтому div исчезнет, если флажок не установлен.

// Show the div only if the checkbox is checked
function toggleDiv(){
  if($(this).is(':checked')){
    $('#div').show();
  } else {
    $('#div').hide();
  }
}

$(document).onload(function(){

  // Set change event to hide/show the div
  $('#UseUsername')
    .change(toggleDiv)
    .trigger('change');
});

Ответ 2

Очень простой способ был бы таким:

$('#UseUsername').change(function(){
    $('#div').toggle(this.checked);  // show if it is checked, otherwise hide
});

Попробуйте: http://jsfiddle.net/mHNuN/