2017-09-12 11 views
0

jqueryを使って作業する助けが必要です。これが初めてのダイビングです。私がしようとしているのは、チェックボックスをオンまたはオフにして、チェックボックスをオンまたはオフにすることです。私の現在のコードは、jqueryが開始されているので、チェックボックスがまだチェックされているにもかかわらず、divが再び隠されているにもかかわらず、保存とリフレッシュ後に期待通りに動作します。誰かが私のコードに書き換えたり追加して、チェックボックスのステータスに基づいてリフレッシュ後にjqueryをアクティブに保つ方法を教えてもらえるかどうか疑問に思っていました。私は、これはクッキーやローカルストレージで何かを必要とする予定です集めることができますが、私は完全にそれを結ぶ方法については失われていますから。Jquery、PHP、表示、隠す、クッキー

jqueryの

<script> 

$(document).ready(function(){ 
$('#fancy-checkbox-default8').change(function(){ 
    if(this.checked) 
     $('#autoUpdate').show(); 
    else 
     $('#autoUpdate').hide(); 

}); 
}); 
</script> 

PHPチェックボックスを

echo "<div class=\"form-group3\">"; 
echo "<input type=\"checkbox\" name=\"ant_ant\" id=\"fancy-checkbox- 
default8\" value=\"1\" autocomplete=\"off\""; 
if ($ant_ant == "1") { echo " checked=\"checked\" "; } 
echo "/>"; 
echo "<div class=\"btn-group\">"; 
echo "<label for=\"fancy-checkbox-default8\" class=\"btn btn-default\">"; 
echo "<span class=\"fa fa-check fa-lg\"></span>"; 
echo "<span> </span>"; 
echo "</label>"; 
echo "<label for=\"fancy-checkbox-default8\" class=\"btn btn-default 
active\">"; 
echo "Antenna"; 
echo "</label>"; 
echo "</div>"; 
echo "</div>"; 

PHP DIVを表示/非表示にする

echo "<div id=\"autoUpdate\" style=\"display:none\">"; 
echo "<div class=\"row2\">"; 
echo "<div class=\"col-xs-12 form-group\">"; 
echo "<h4 class=\"title\"> <i class=\"fa fa-signal\"></i> Antenna 
Issues</h4>"; 
echo "</div>"; 
echo "</div>"; 
echo "</div>"; 
+0

このコードにはPHPはありません。 HTMLを出力するのに 'echo'を使うことはカウントされません。タグが削除されました。 –

答えて

1

すでにチェックボックスをオンにしていますが、それがチェックされていない場合にのみdivを非表示にする必要があります。あなたのPHPのdivには次のものが含まれています:

echo "<div id=\"autoUpdate\ "; 
if ($ant_ant == "1") {echo 'style="display:none"';} 
echo ">"; 
+0

私は正しい方向に向けるのを助けてくれてありがとう。私は、前後に正しく機能するために、もう1つのif文を追加しなければならなかった。 –

関連する問題