4

ユーザーがチェックボックスを選択したときに、追加のコンテンツを表示する必要があります。次のコードがあります。

<!DOCTYPE html>
<html>
<head>
<title>Checkbox</title>
<script type="text/javascript">


$(document).ready(function(){
$('#checkbox1').change(function(){
if(this.checked)
$('#autoUpdate').fadeIn('slow');
else
$('#autoUpdate').fadeOut('slow');

});
});

</script>
</head>
<body>
Add another director <input type="checkbox" id="checkbox1"/>
<div id="autoUpdate" class="autoUpdate">
content
</div>
</body>
</html>

HTML5、CSS3 の十分な知識、しかし非常に基本的な JavaScript/jQuery の助け、本当に感謝します。

4

3 に答える 3

3

頭の最初にjqueryを含める

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
    $('#checkbox1').change(function(){
    if($(this).is(":checked"))
    $('#autoUpdate').fadeIn('slow');
    else
    $('#autoUpdate').fadeOut('slow');

    });
    });
</script>

デモを見る

参照:checkedおよびis()

于 2013-10-18T10:39:29.043 に答える