トグルスイッチ - 設定値

Question

トグルスライダ/スイッチをアプリケーションに実装したいと考えています。

スイッチは、アイテムのアクティブ化に使用されます。 私はデータベースに "activation_status"を設定していますが、スイッチがトグルされている場合は1に設定されており、スイッチがトグルされていない場合は0に設定されます。

私のHTMLコード：私は私のスイッチに値を設定することができますどのように

<div class="toggle"> 
 
    <label> 
 
     <input id="checkValue" name="checkbox" type="checkbox" />   
 
     <span class="slider"></span> 
 
    </label> 
 
</div>

？

ボタン：[]

Answer 1

あなただけのチェックボックスのための2つの値を必要とするので、あなたはそうのようにそれを扱うことができます。

<?php 
if(isset($_POST['checkbox'])) { 
    // Set "activation_status" to 1. 
} else { 
    // Set "activation_status" to 0. 
} 

チェックボックスがオフの場合、PHPの対応する値がします単に設定されていません。したがって、チェックボックスをオフにしたときに$_POST['checkbox']の値を取得しようとすると、エラーが発生します。

範囲の値を持つスライダーが必要な場合は、HTML5のみ<input type="range"/>をチェックアウトすることもできます。

Answer 2

jqueryのコードを追加します

if(document.getElementById('isAgeSelected').checked) { 
     $("#txtAge").show(); 
    } else { 
     $("#txtAge").hide(); 
    } 

を