Question

我有一个列出员工的页面。在列表的左侧，我有复选框可供选择。所以，我也在标题中选择全部复选框。当我点击全选复选框时，它将选中下面的所有复选框。但我在onclick事件中有javascript的复选框，而不是全选复选框。当我使用全选选择所有复选框时，以下复选框onclik事件未被调用。我也通过onchange，onselect事件进行了验证。

<display:column style="width:2%"
                                    title="<input type='checkbox' id='allCheck' name='allCheck' value='propertyConcernId'
                            onclick='checkAll(this);'/>">
                                    <s:checkbox name="propertyConcernId" fieldValue="%{prtyCrnId}" tabindex="7"
                                        id="check_%{#attr.row.propertyId}"
                                        onclick="verifyCheckAll(this);assignValue('select_%{#attr.row.propertyId}','check_%{#attr.row.propertyId}')" />
                                </display:column>

如何完成这项工作？请帮忙。

verifyCheckAll = function(childCheckBox) {
    $(document).ready(function() { 
        var isAllChecked = true; 
      $("input:checkbox[name="+childCheckBox.name+"]").each(function() {           
           if (this.checked == false) {
                isAllChecked = false;
           }       
      });    
      $("input[name=allCheck]").attr('checked', isAllChecked);
    isRecSelected(childCheckBox.name);
    }); 

}

这是我用来选择子复选框的脚本

Answer 1

在checkAll（）函数中，转到您拥有的每个复选框，并在propertyConcernId字段的onClick事件中调用每个复选框。

Answer 2

我通过以下方式实现了这一目标，

callChildClick = function(parentChkBox) {   

    var checked_status = parentChkBox.checked;

    $(document).ready(function() { 
        $("input:checkbox[name="+parentChkBox.value+"]").each(function() {
            this.click();
        });
    });
    isRecSelected(parentChkBox.value);
}

当状态更改为选中时，如何在Html复选框中触发onclick功能

2 个答案: