मैं किसी अन्य तत्व को टॉगल करने के लिए चेकबॉक्स का उपयोग कैसे करूं?

Question

मैं कैसे जांच सकता हूं कि UseUsername के साथ मेरा चेकबॉक्स चेक किया गया है, और उसके बाद उस जानकारी का उपयोग div के साथ किसी अन्य तत्व को टॉगल करने के लिए करें?

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

साथ ही, आपको इस ईवेंट को सक्रिय कर सकता है पृष्ठ लोड होने, इसलिए div यदि चेकबॉक्स चेक नहीं किया जाता है गायब हो जाएगा:

Answer 1

यह जितना आसान है।

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