ユーザーがチェックボックスをチェックしたときにPHPコードを提出

Question

I見栄えの良いCSSスタイルとオフボタンで次のコードを持って

<?php 
$wifi2g=file_get_contents("wifi2g.txt"); 
$wifi2g= trim ($wifi2g); 
?> 

<link rel="stylesheet" type="text/css" href="style.css"> 
<div class="onoffswitch"> 
    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" <?php if ($wifi2g == "enabled") {echo "checked";} ?>> 
    <label class="onoffswitch-label" for="myonoffswitch"> 
     <span class="onoffswitch-inner"></span> 
     <span class="onoffswitch-switch"></span> 
    </label> 
</div> 

私はあなたがwifi2g.txtから見るように読んで、上のボタンの位置を定義することができますかオフ（オンまたはオフ）。私はftpサーバwifion.phpとwifioff.phpにアップロードしたい2つのスクリプトを持っています。これらのスクリプトは、ボタンの位置によって異なります。ユーザーがボタンの位置をON（またはチェック）に設定すると、wifion.phpをアップロードし、オフに設定した場合、またはwifioff.phpをアップロードする場合はオフにします。どのように私はこの作品を作ることができますか？私はあなたがjQueryを使って精通している場合は、この

$('.onoffswitch-checkbox').on('change',function(){ 
    var input = $(this); 

    if(input.prop('checked') == true){ 
     input.closest('form').submit(); 
    } 
}); 

たり、同じページに続行する場合を行うことができ、ここでhttps://proto.io/freebies/onoff/

Answer 1

このボタンを見つけ、使用アヤックス

$('.onoffswitch-checkbox').on('change',function(){ 
    var input = $(this); 

    if(input.prop('checked') == true){ 
     $.ajax({ 
       url:'test.php' 
       ,type:'POST' 
       ,data: {btn:'was checked!'} 
     }).done(function(data){ 
      // do something with returning of php 
     }); 
    } 
});