How to Call JavaScript function on checkbox click event in Asp.Net MVC

Question

How to Call JavaScript function on checkbox click event in Asp.Net MVC This code is not working

@{
   ViewBag.Title = "Employee";
   Layout = "~/Views/Shared/_MasterLayout.cshtml";
 }
<head>
    <script type="text/javascript">
        function Myfunction()
        {
            alert("Hello");
        }
    </script>
</head>
<body>
      <input type="checkbox" id="chk1" onclick="Myfunction()" />
</body>

Answer 1

You should have your js code inside Body tag (at bottom). As Js can't able to get any Dom element as it loaded first Before Whole DOM itself. Ex:-

<!DOCTYPE html>
<html>
<body>

<h1>Test</h1>
 <input type="checkbox" id="chk1" onclick="Myfunction()" />
<script>
        function Myfunction()
        {
            alert("Hello");
        }
    </script>

</body>
</html>

Also you can use Third party Lib to make productivity Fast USING ( jQuery )

<input type="checkbox" id="checkbox1" />

$("#checkbox1").click( function(){
   // YOUR FUNCTION CODE
});

Answer 2

Just Refer this link,you will get complete idea about it
Hope it helps..Cheers

https://jsfiddle.net/a6cedoj0/

How to Call JavaScript function on checkbox click event in Asp.Net MVC

Question

2 answers

solution1
0 2021-03-11 10:57:38

solution2
0 2021-03-12 18:08:04

How to Call JavaScript function on checkbox click event in Asp.Net MVC

Question

2 answers

solution1 0 2021-03-11 10:57:38

solution2 0 2021-03-12 18:08:04

solution1
0 2021-03-11 10:57:38

solution2
0 2021-03-12 18:08:04