如何获取复选框值并将其发送到后端

How to get checkbox value and send that to backend?

本文关键字：后端 何获取 获取 复选框      更新时间：2023-09-26

这是前端，

<div class="uk-width-1-4 ">
   <table class="uk-table uk-table-striped uk-table-hover" id="tabledata">
      <thead>
         <tr>
            <th><input type="checkbox"  ></th>
            <th>Site ID</th>
         </tr>
      </thead>
      <tbody>
         <tr>
            <td>
               <input type="checkbox" id="chkall"  value="<%= d.siteid%>">
            </td>
            <td><%=d.siteid%></td>
         </tr>
         <%  });
            } %>         
      </tbody>
   </table>
</div>

这是后端，

   var user_id=req.query.user_id; 
   var siteid=req.query.chkall;
   console.log("chkall =="+siteid);
    sql="UPDATE site SET userid='"+user_id+"' WHERE siteid IN('"+siteid+"')";
  }
  getSQLData(sql, function(resultsets){
      console.log("user...sql"+sql);
       userresults = resultsets;
  });

您可以这样使用它：

$("input[type='checkbox']").val();

希望能帮助你。

如果您正在进行表单提交，并且如果复选框未选中，则false值将不会进入后端。若复选框未选中，则应该有一些隐藏值。

如果是ajax调用，您可以获得如下所示的复选框值

$("input[type='checkbox']").val();
or 
$("#checkboxid").val();

如果您提交表单，则编写name标记。若您从ajax发送数据，然后通过元素id获取值，然后发送到服务器。

你确实喜欢这个。。

var chk = document.getElementById(checkboxid).checked;
if (chk == true) {   
    var chkval=$("#checkboxid").val();
}

若列表中有，则执行循环并添加到全局变量中，然后使用该变量。

//复选框

<asp:CheckBox ID="chkpermission" runat="server" onclick="checking(this.id);" Checked='<%# Convert.ToBoolean(Eval("permission")) %>' />
<script type="text/javascript">
        function checking(id) {
            $('#ctl00_ContentPlaceHolder1_lblresponce').val('');
            if (id) {
                ids = id.split('_');
                var chkval = document.getElementById(id).checked;
                var TitleId = "ctl00_ContentPlaceHolder1_grdpermissions_" + ids[3] + "_hdntitleid"; //here i am getting the value from the grid
                var pagePath = window.location.pathname;
                var param = JSON.stringify({ "TitleId": itleId,"chkval":chkval });
                $.ajax({
                    type: "POST",
                    url: pagePath + "/updatevalue",
                    data: param,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        if (data != null) {
                            var result = data.d;
                            $('#ctl00_ContentPlaceHolder1_lblresponce').text('Updated successfully');
                        }
                    },
                    error: function () {
                        var r = jQuery.parseJSON(response.responseText);
                        alert("Message: " + r.Message);
                        alert("StackTrace: " + r.StackTrace);
                        alert("ExceptionType: " + r.ExceptionType);
                    }
                });
            }

        }
    </script>

在后端代码中

[WebMethod]
    public static Boolean updatevalue( string TitleId,  string chkval)
    {
       Boolean flag = false;
        if ( TitleId != "" &&  chkval !="")
        {
          //Update your your query here with single id...
flag=true;
// return flag if updated
        }

        return flag;
    }

我希望它对你有效。

相关文章：