Guten Morgen,
hab mich seit langem Mal wieder mit Web-Coding befasst und scheitere bei den HTML Switch Checkboxen, mein Vorhaben ist wie befolgt und zwar bin ich dabei die Checkboxen abzufragen ob der Regler aktiv ist oder nicht, nur gibt der mir jedesmal in der Konsole immer ein on (1) zurück selbst, wenn der Regler nicht aktiv ist, hab auch ein bissl im Internet dazu recherchiert jedoch fand ich leider nichts was geholfen hat, ein isset ist bereits enthalten, allerdings bewirkt es absolut nichts. Ich führe das ganze über ein Button mittels JS (Ajax Request) aus, aber bin ehrlich gesagt neu was JS (Ajax) betrifft.
privacy.php
HTML
<div class="col-md-12">
<div class="form-group">
<label class="form-control-label" for="SwitchItem_1">Can see other people's my posts?</label>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="SwitchItem_1"<?= $privacydata->Posts ? ' checked' : '' ?>>
<label class="custom-control-label" for="SwitchItem_1"></label>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="form-control-label" for="SwitchItem_2">Can start with me an conservation?</label>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="SwitchItem_2"<?= $privacydata->Conversations ? ' checked' : '' ?>>
<label class="custom-control-label" for="SwitchItem_2"></label>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="form-control-label" for="SwitchItem_3">Can see my profile informations?</label>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="SwitchItem_3"<?= $privacydata->Profile ? ' checked' : '' ?>>
<label class="custom-control-label" for="SwitchItem_3"></label>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="form-control-label" for="SwitchItem_4">Can send comments to my wall?</label>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="SwitchItem_4"<?= $privacydata->Comments ? ' checked' : '' ?>>
<label class="custom-control-label" for="SwitchItem_4"></label>
</div>
<div id="showUserMessage"></div>
</div>
</div>
<div class="col-md-12">
<div class="form-group d-flex justify-content-center align-items-center">
<button type="button" class="btn btn-sm btn-dark btn-icon" onclick="savePrivacySettings(<?= $_SESSION['userid'] ?>);">
<span class="btn-inner--icon">
<i class="far fa-paper-plane"></i>
</span>
<span class="btn-inner--text">Submit</span>
</button>
</div>
</div>
<script type="text/javascript">
function savePrivacySettings(usrid) {
var data = {
userid: usrid,
switchItem1: $('#SwitchItem_1').val(),
switchItem2: $('#SwitchItem_2').val(),
switchItem3: $('#SwitchItem_3').val(),
switchItem4: $('#SwitchItem_4').val(),
checkPrivacySaveBtn: true,
};
$.ajax({
url: 'assets/actions/fetchSavePrivacyData.php',
type: 'POST',
data: data,
success: function(response) {
console.log(response);
if(response == 'Privacy Updated') {
alertSuccessMessage("<strong>You've successfully made settings to your privacy.</strong>");
}
}
});
}
</script>fetchSavePrivacyData.php
PHP
<?php
if($_POST['checkPrivacySaveBtn']) {
require_once('../inc/dbcon.php');
require_once('../inc/funcs.php');
$usrid = num($_POST['userid']);
$can_see_posts = isset($_POST['switchItem1']) ? 1 : 0;
$can_start_conv = isset($_POST['switchItem2']) ? 1 : 0;
$can_see_profile = isset($_POST['switchItem3']) ? 1 : 0;
$can_send_comments = isset($_POST['switchItem4']) ? 1 : 0;
echo 'Posts: ' . $can_see_posts;
echo ', Conversation: ' . $can_start_conv;
echo ', Profile: ' . $can_see_profile;
echo ', Comments: ' . $can_send_comments;
}
<?Console Output (Right Side):
Ich bedanke mich schonmal im Voraus.
Mit freundlichen Grüßen
Settings
