Select a ListView Row on Mouse Click using JavaScript in ASP.Net

my source code

<div>
    <asp:ListView ID="ListView1" runat="server" DataKeyNames="Id"
   OnSelectedIndexChanging="ListView1_SelectedIndexChanging" 
            onitemdatabound="ListView1_ItemDataBound">
     
   <LayoutTemplate>
      <table style="border: solid 2px #336699;" cellspacing="0" cellpadding="3" rules="all">
         <tr style="background-color: #336699; color: White;">
          <%--  <th>Select</th>--%>
            <th> Id</th>
            <th>Name</th>
            <th>Status</th>
         </tr>
         <tbody>
            <asp:PlaceHolder ID="itemPlaceHolder" runat="server" />
         </tbody>
      </table>
   </LayoutTemplate>
   
   <ItemTemplate>
      <tr  onmouseover="this.oldClass=this.className;this.className='hover';" onmouseout="this.className=this.oldClass;" onclick='<%# Page.ClientScript.GetPostBackClientHyperlink(ListView1, "Select$" + Container.DataItemIndex.ToString()) %>' >
         <td>
            <asp:LinkButton ID="lnkSelect" Text="Select" CommandName="Select" runat="server"  Visible="false" />
         </td>
         <td><%# Eval("Id")%></td>
         <td><%# Eval("Name")%></td>
         <td><%# Eval("Status")%></td>
      </tr>
   </ItemTemplate>
   <SelectedItemTemplate>
      <tr style="background-color: #336699; color: White;">
         <td>
            <asp:LinkButton ID="lnkSelect" Text="Select" CommandName="Select" runat="server"
               ForeColor="White" />
         </td>
         <td><%# Eval("Id")%></td>
         <td><%# Eval("Name")%></td>
         <td><%# Eval("Status")%></td>
      </tr>
   </SelectedItemTemplate>
</asp:ListView>

<br />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
    </div>

my code is

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.SqlClient;
public partial class listdemo : System.Web.UI.Page
{
    Marvel gdv = new Marvel();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            BindData();
        } 
    }
    private void BindData()
    {
        string constr = ConfigurationManager.AppSettings["s"].ToString();
        string query = "select Id, Name, Status FROM aten";

        SqlDataAdapter da = new SqlDataAdapter(query, constr);
        DataSet ds = new DataSet();
        da.Fill(ds);
        ListView1.DataSource = ds;
       ListView1.DataBind(); 
     }
    protected void ListView1_SelectedIndexChanging(object sender, ListViewSelectEventArgs e)
    {
        ListView1.SelectedIndex = e.NewSelectedIndex;

        string pid = ListView1.SelectedDataKey.Value.ToString();

        //string pid = ListView1.DataKeys[e.NewSelectedIndex].Value.ToString(); 

        Label1.Text = "Selected Id: " + pid;

        BindData(); 
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
       
    }
    protected void ListView1_ItemDataBound(object sender, ListViewItemEventArgs e)
    {
  
    }
}

but using this i click the row it is not selected