This commit is contained in:
jouls 2024-03-07 16:49:15 +08:00
commit 4c2a502756
1 changed files with 97 additions and 85 deletions

View File

@ -100,6 +100,7 @@
<div class="section form-container"> <div class="section form-container">
<h2>Confirm KYC Details</h2> <h2>Confirm KYC Details</h2>
<div class="form-container">
<div class="checkboxFormContainer"> <div class="checkboxFormContainer">
<form id="checkboxForm"> <form id="checkboxForm">
<div class="checkbox-container"> <div class="checkbox-container">
@ -137,6 +138,17 @@
</div> </div>
<script> <script>
var imageContainer = document.getElementById('zoomContainer');
var originalTransform = window.getComputedStyle(imageContainer).getPropertyValue('transform');
imageContainer.addEventListener('mouseenter', function() {
imageContainer.style.transform = 'scale(1.5)';
});
imageContainer.addEventListener('mouseleave', function() {
imageContainer.style.transform = originalTransform;
});
function handleCheckboxChange() { function handleCheckboxChange() {
// Check the status of checkboxes and enable/disable the "Accept" button // Check the status of checkboxes and enable/disable the "Accept" button
var areAllChecked = document.querySelectorAll('#checkboxForm input[type="checkbox"]:checked').length === 4; var areAllChecked = document.querySelectorAll('#checkboxForm input[type="checkbox"]:checked').length === 4;