Question

我有以下代码用于具有漂亮外观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。这些脚本取决于按钮位置。当用户将按钮位置设置为ON（或选中）时，我想上传wifion.php，当设置为off或unchecked时，上传wifioff.php。我怎样才能做到这一点？我在这里找到了这个按钮https://proto.io/freebies/onoff/

Answer 1

如果您熟悉Jquery，可以这样做

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

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

或者如果您想继续在同一页面中，请使用ajax

$('.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
         });
    }
});

用户选中复选框时提交PHP代码

1 个答案: