Last active
November 10, 2019 14:28
-
-
Save onliniak/99b7b49fcc15661cc8e31e6b02da4751 to your computer and use it in GitHub Desktop.
Non visible checkbox with few POST parameters.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php $myposts = get_posts( $args ); ?> | |
<form id="formName"> | |
<?php | |
foreach ( $myposts as $service ) { | |
$service_lenght = get_post_meta($service->ID, 'Lenght'); | |
?> | |
<label> | |
<h1><?php echo $service->post_title ?> </h1> | |
<img src="<?php get_the_post_thumbnail_url($service->ID); ?>" /> | |
<p><?php echo $service->post_content ?> </p> | |
<input type="checkbox" name="ShowPost[]" | |
value="<?php echo $service->ID ?>" style="display:none"/> | |
<input id="<?php echo $service->ID ?>" type="checkbox" name="Lenght[]" style="display:none" | |
value="<?php echo $service_lenght[0] ?>"> | |
<span></span> | |
</label> | |
<?php } ?> | |
<script> | |
//jQuery | |
$(document).ready( | |
function() | |
{ | |
$("input:checkbox").change( | |
function() | |
{ | |
$('#<?php echo $service->ID ?>').prop('checked', true); | |
if( $(this).is(":checked") ) | |
{ | |
$("#formName").submit(); | |
} | |
} | |
) | |
} | |
); | |
</script> | |
<style> | |
input:checked + span:after { | |
content: "✓"; | |
border-bottom: solid gray; | |
} | |
</style> | |
</form> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Recently, I had to create a booking system (for something like spa), with the option of choosing a service from WordPress.
I'm getting a custom ID of custom post and I send his ID along with connected custom fields, using jQuery.
The customer clicks on the description of the service, does not see any checkboxes but gets a visual signal, marked with "✓"