Question

如何将Checkbox Checked值保存在数据库中

下面是我的代码

<input type="text"  value="" name="Productname" />

<input type="checkbox" name="Product" value="0.5">
<input type="checkbox" name="Product" value="0.07">
<input type="checkbox" name="Product" value="0.5">
<input type="checkbox" name="Product" value="0.63">
<input type="checkbox" name="Product" value="0.63">
<input type="checkbox" name="Product" value="0.5">

 <input type="submit" id="btn1" value="Add" class="btn btn-primary" />

在此处单击提交，我想将“已检查的值”保存在“一个产品名称”下并想作为对象发送给控制器

Answer 1

尝试下面的代码获取所有复选框的值。

<form  method="POST">
<input type="text"  value="" name="Productname" />

<input type="checkbox" name="Product" value="0.5" id="myCheck">
<input type="checkbox" name="Product" value="0.07">
<input type="checkbox" name="Product" value="0.5">
<input type="checkbox" name="Product" value="0.63">
<input type="checkbox" name="Product" value="0.63">
<input type="checkbox" name="Product" value="0.5">

 <input type="button" id="btn1" value="Add" class="btn btn-primary" onclick="myFunction(this.form)"/>
 </form>

<script>
function myFunction(frm) {
var values = "";

    for (var i = 0; i < frm.Product.length; i++)
    {

        if (frm.Product[i].checked)
        {

                values = values+frm.Product[i].value + ",";

        }
    }
    alert(values);
}
</script>

Answer 2

首先为每个复选框设置ID。单击＃btn1时，读取所有复选框，如果选中，则将复选框的ID存储在selected []数组中。然后通过jquery ajax将其发送到目标页面。

    $("#btn1").click(function () {

            var selected = new Array();
            var i = 0;
            $(':checkbox').each(function () {
                var checked_status = this.checked;
                if (checked_status == true) {
                    selected[i] = $(this).attr("id");
                    i++;
                }
            });


            $.ajax({
                url: "Ajax.aspx", //Target page address
                type: "GET",
                async: true,
                cache: false,

                data: { s: selected },

                success: function (text) {
                    alert("successfully:" + text);
                    $("input:checkbox").each(function () {
                        if ($(this).attr("checked")) {
                            $(this).prop('checked', false);
                        }
                    });
                },
                error: function (xhr, status, error) {
                    alert("Error: " + status + error);                    
                }
            });
});

在数据库Jquery中添加CheckBox选中的值

2 个答案: