Làm cách nào để sử dụng hộp kiểm để chuyển đổi một phần tử khác?

Question

Làm cách nào để kiểm tra xem hộp kiểm của tôi có số id của UseUsername đã được kiểm tra hay không và sau đó sử dụng thông tin đó để chuyển đổi một phần tử khác bằng một số id của div?

Answer 1

Đó là dễ dàng như:

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

Ngoài ra, bạn có thể cháy, sự kiện này khi tải trang, vì vậy div sẽ biến mất nếu hộp kiểm không được chọn.

// 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

Một cách rất đơn giản sẽ là như thế này:

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

Hãy thử nó:http://jsfiddle.net/mHNuN/