How can user data be logged in ASP.Net Core when a check box is selected?

Question

How can user data be logged in ASP.Net Core when a check box is selected?

Struggling to discover a way to secretly log user information such as their username when a checkbox is selected. The goal is to capture this data without the user's knowledge. Here is the code:

This checkbox is a custom switch from MDB

<div>
<div class="switch">
    <label>
        Checked and Verified
        <input type="checkbox" checked>
        <span class="lever"></span>

    </label>
</div>

Desired logging action when the checkbox is switched to true:

<input id="username" value="@User.Identity.Name" />

@Html.EditorFor(x => x.DateCreated)

Despite my searches, I have not been successful in finding a suitable @if statement or JavaScript code that functions as needed. Assistance is greatly appreciated.

javascript c#asp.net logging

Answer 1

Answer №1

When using JavaScript, you can create a checkbox input like this:

<input type="checkbox" id="myCheck" onclick="myFunction()" checked>

You can then define your custom logic in JavaScript:

function myFunction() {
  // Access the checkbox element
  var checkBox = document.getElementById("myCheck");

  // Check if the checkbox is checked, and perform actions accordingly
  if (checkBox.checked == true){
    // Log something
  } else {
    // Do not log anything
  }
}

For more details, you can check out this link

Answer 2

When using JavaScript, you can create a checkbox input like this:

<input type="checkbox" id="myCheck" onclick="myFunction()" checked>

You can then define your custom logic in JavaScript:

function myFunction() {
  // Access the checkbox element
  var checkBox = document.getElementById("myCheck");

  // Check if the checkbox is checked, and perform actions accordingly
  if (checkBox.checked == true){
    // Log something
  } else {
    // Do not log anything
  }
}

For more details, you can check out this link

How can user data be logged in ASP.Net Core when a check box is selected?

Answer №1

Similar questions

Prevent unnecessary clicks with Vue.js

Increment numbers using XML elements

Tips for restoring lost data from localStorage after leaving the browser where only one data remains

send parameter when clicking a link rather than using a hashtag

Steps to creating a custom text editor using React for generating blog content and storing it in a MongoDB database

The subsequent block within the code is being initiated following the initial block in Node.js

Loading Animation with jQuery and Minimum Time Delay

Ways to set the initial value of an input[range] in Angular2 when the value exceeds 100

Exploring the world of Node.js callback parameter passing

Selecting from a variety of options presented as an array of objects

Mongoose failing to retrieve data from MongoDB

Leveraging shadow components with the Next.js pages directory

Changing the 'badge' to 'panel' within the UI framework of 'ant design' has been set

Guide to building a seamless page without refreshes with the help of jquery, express, and handlebars

Using variables in SQL with asp.net

Struggle with implementing enums correctly in ngSwitch

Change the size of window using jQuery

A backend glitch is exposed by NextJS in the web application

The display:flex property with justify-content:space-around is malfunctioning in React and causing issues

Make necessary changes to empty objects within a JSON array