0

だから私はこれの基本を持っていますが、私が望むようには機能していません

問題：

ページが読み込まれると、ボックスがチェックされていなくても div が表示されます。

コード：

<div class="element">
<label for="jtf">Jackpot Times: <a href='javascript:void(0);'
NAME='Help' title=' Help '
onClick=window.open('raffle.html','Ratting','width=520,height=570,0,status=0,');><font size='1'>[?]</font></a></label>
<table width='100%'><tr><td align='right'>Daily:</td><td align='left'><input type='checkbox' <?php echo $checkered ?> name='daily' id='daily' value='1' /></td><td align='right'>Weekly:</td><td align='left'><input type='checkbox' <?php echo $checkered1 ?> name='weekly' value='1' /></td><td align='right'>Monthly:</td><td align='left'><input type='checkbox' <?php echo $checkered2 ?> name='monthly' value='1' /></td><td align='right'>Yearly:</td><td align='left'><input type='checkbox' name='yearly' <?php echo $checkered3 ?> value='1' /></td></tr></table>
</div>
<div id='daily_x'>
<div class='element'>
<label for='daily_x'>Daily Jackpot Starting Pot:</label>
<input type='text' name='daily_x' value='<?php echo $rafde?>' />
</div>
</div>
<script>
$('#daily').change(function() {
    if(this.checked){
      $('#daily_x').show();
    }
    else{
      $('#daily_x').hide();
    }
});
</script>

ページが読み込まれると、毎日の id のチェック ボックスがチェックされていませんが、まだ div が表示されています。

私はこれを選択ボックスと同様に設定しましたが$(document).ready(function()、何かが選択されていないときに非表示にするために追加できましたが、チェックボックスを使用する場合は機能しないようです。

4

2 に答える 2

4

まず、onready、onload() 状態、トリガー変更、セットアップ リスナーの後に使用します。

<div class='element'>
<label for='daily_x'>Daily Jackpot Starting Pot:</label>
<input type='text' name='daily_x' value='<?php echo $rafde?>' />
</div>
</div>
<script>
$(function() {
 $('#daily').change(function() {
     if($(this).attr('checked')){
       $('#daily_x').show();
     }
     else{
       $('#daily_x').hide();
     }
 });
 $('#daily').trigger('change');
});
</script>
于 2012-11-21T02:29:56.763 に答える
3 
if($(this).attr('checked')){
    $('#daily_x').show();
}else{
    $('#daily_x').hide();
}

div「onload」を非表示/表示する場合は、.change() 関数を呼び出すだけです

$('#daily').change(function() {
    if($(this).attr('checked')){
        $('#daily_x').show();
    }else{
        $('#daily_x').hide();
    }
});

$('#daily').change();
于 2012-11-21T02:28:40.713 に答える