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

Question

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

Answer 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'); 
}); 

Answer 2

Самый простой способ будет выглядеть так:

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

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