How Do I Delete A Row In A Repeater By Basing On The User Selected Checkbox Using Jquery And Ajax ?

function GetChecked() {
          var container = document.getElementById("RepeaterID");
          var totalInputs = container.getElementsByTagName('input');
          var id = "";

          for (var i = 0; i < totalInputs.Length; i++) {
              if (totalInputs[i].type.toLowerCase() == 'checkbox' && totalInputs[i].checked) {
               id += totalInputs[i].id+",";

              }
          }
          DeleteData(id);
      }


      function DeleteData(id) {
          $.ajax({
              type: "POST",
              url: "Default.aspx/DeleteData", //pagename.aspx/methodName
              contentType: "application/json;charset=utf-8",
              data: "{'id':'" + id + "'}",
              dataType: "json",
              success: function (data) {

                  alert("Data deleted successfully");

              },
              error: function (result) {

                  alert("Error");
              }

          });

      }

<span  önclick="GetChecked()">Delete Selected Data</span>

<![CDATA[<%--Repeater Design with checkbox--%>

[WebMethod]
public static void DeleteData(string id)
{

    string DeleteStr = "delete from Tablename where id in("+id+")";

    SqlConnection cn = new SqlConnection(ConfigurationManager.ConnectionStrings["ConnectionstringName"].ConnectionString);
    SqlCommand sql_cmd = new SqlCommand(DeleteStr, cn);
    cn.Open();
    sql_cmd.ExecuteNonQuery();

    cn.Close();
    cn.Dispose();
    sql_cmd.Dispose();

}