javascript - 使用 javascript 或 jquery 获取数组中的复选框状态

Question

我在 devexpress 网格上有一列带有复选框。这是一个简单的复选框列，这取决于选中的复选框我需要调用不同的方法，它不绑定(bind)到模型中的属性。

我需要知道选择了哪一行。我尝试用以下 javascript 代码解决此问题:

if (document.getElementById('selectDamage').checked) {
        alert("checked");
        var checkedValues = $('input:checkbox:checked').map(function () {
            return this.value;
        }).get();
        console.log(checkedValues);
        } else {
            alert("You didn't check it! Let me check it for you.");
        }

这仅返回检查的值。我需要返回类似 Array{on, off, on} 的内容，第一个被选中，第二个未被选中，最后一个被选中。 javascript 或 jquery 有没有办法做到这一点？

Answer 1

首先在网格中添加复选框，然后选择一个按钮并设置该按钮的onclick功能，然后所有选中的数据将通过数组，最后分割数组值并完成进一步的工作。(数组值被保存到隐藏字段中，我使用隐藏字段并设置 id lblarr )

                      <dx:GridViewDataColumn >
                            <HeaderTemplate>

                            </HeaderTemplate>
                            <DataItemTemplate>                                   

                                <input type="checkbox" class="case" id="chkchild" name="checkboxModel" value='<%#Eval("SALE_DOC_#") %>' />
                            </DataItemTemplate>
                        </dx:GridViewDataColumn>


<script>
                  $('#btn1').click(function () {
                 var CheckCount =$('input:checkbox[name="checkboxModel"]:checked').length;
                 if (CheckCount > 0) 
                  {
               var valuesArray = 
        $('input:checkbox[name="checkboxModel"]:checked').map(function () {

                        return this.value;

                    }).get().join(","); 

                    $('#<%=lblarr.ClientID%>').val(valuesArray);                       

                }              
                else {

                    alert('Please check at least one data!')

                }
            })

</script>