Зачем использовать этот текст после проверки флажка? Я использую JQuery

Question

Я практикую JQuery и не могу понять, что не так с моим кодом. Может ли кто-нибудь взглянуть? Когда флажок установлен, div должен отображаться.

https://jsfiddle.net/pnewelljr/wfdsu40n/

$(document).ready(function(){ 
    $('#isAgeSelected').click(function() { 
     $("#txtAge").attr("style", "display:block"); 
    }); 
}); 

<input type="checkbox" id="isAgeSelected"/> 
<div id="txtAge" style="display:none">Age is something</div> 

Answer 1

Я получил свой код, чтобы работать, изменив его следующим образом:

$('#isAgeSelected').click(function() { 
    $("#txtAge").toggle(); 
}); 

Более подробная информация о тумблер() можно найти на http://api.jquery.com/toggle/

Кроме того, ваш Кажется, что jsfiddle пропускает загрузку фрейма jQuery.

Answer 2

Прежде всего, вы должны включить jQuery в скрипке (используя меню слева). Затем, когда у вас есть jQuery, вы можете его использовать (см. Вывод консоли вашего браузера, есть такие ошибки, как «$ не определено»).

Затем вы можете использовать:

$(document).ready(function(){ 
    $('#isAgeSelected').click(function() { 
     $("#txtAge")[$(this).is(':checked') ? 'show' : 'hide'](); 
    }); 
}); 

Он будет скрывать/показывать #txtAge в зависимости от флажка»государства.

Answer 3

Простейшие, как я мог думать:

$(function(){ 
$('#isAgeSelected').click(function() { 
var checked = $(this); 
if (checked.is(':checked')) {   
    $("#txtAge").show(); 
    } else { 
    $("#txtAge").hide(); 
    } 
}) 
});