0

根据以下代码:

$('#permisosPerfiles div').children('h4').length();

这个结果 = 5,但我会得到每个 h4 的索引和每个复选框的索引一段时间,并范围每个区域(查找、创建、删除、编辑)。

在此处输入图像描述

<h3>Asignación de permisos</h3>
    <div id="permisosPerfiles">
        <div id="leftPermisos">
        <h4 id="Usuarios">Usuarios</h4>
        <p>
        <label for="pCrearUsuario">Crear</label>
        <input id="pCrearUsuario" name="Usuarios[]" value="Crear" type="checkbox" />
        <label for="pBuscarUsuario">Buscar</label>
        <input id="pBuscarUsuario" name="Usuarios[]" value="Buscar" type="checkbox"/>
        <label for="pModificarUsuario">Modificar</label>
        <input id="pModificarUsuario" name="Usuarios[]" value="Modificar" type="checkbox"/>
        <label for="pEliminarUsuario">Eliminar</label>
        <input id="pEliminarUsuario" name="Usuarios[]" value="Eliminar" type="checkbox"/>
        </p>

        <h4 id="Clientes">Clientes</h4>
        <p>
        <label for="pCrearCliente">Crear</label>
        <input id="pCrearCliente" name="Clientes[]" value="Crear" type="checkbox"/>
        <label for="pBuscarCliente">Buscar</label>
        <input id="pBuscarCliente" name="Clientes[]" value="Buscar" type="checkbox"/>
        <label for="pModificarCliente">Modificar</label>
        <input id="pModificarCliente" name="Clientes[]" value="Modificar" type="checkbox"/>
        <label for="pEliminarCliente">Eliminar</label>
        <input id="pEliminarCliente" name="Clientes[]" value="Eliminar" type="checkbox"/>
        </p>

        <h4 id="Mps">Marca, Producto Subproducto</h4>
        <p>
        <label for="pCrearMPS">Crear</label>
        <input id="pCrearMPS" name="Mps[]" value="Crear" type="checkbox"/>
        <label for="pBuscarMPS">Buscar</label>
        <input id="pBuscarMPS" name="Mps[]" value="Buscar" type="checkbox"/>
        <label for="pModificarMPS">Modificar</label>
        <input id="pModificarMPS" name="Mps[]" value="Modificar" type="checkbox"/>
        <label for="pEliminarMPS">Eliminar</label>
        <input id="pEliminarMPS" name="Mps[]" value="Eliminar" type="checkbox"/>
        </p>
    </div>
    <div id="rightPermisos">
        <h4 id="Poliza">Póliza</h4>
        <p>
        <label for="pCrearPoliza">Crear</label>
        <input id="pCrearPoliza" name="Poliza[]" value="Crear" type="checkbox"/>
        <label for="pBuscarPoliza">Buscar</label>
        <input id="pBuscarPoliza" name="Poliza[]" value="Buscar" type="checkbox"/>
        <label for="pModificarPoliza">Modificar</label>
        <input id="pModificarPoliza" name="Poliza[]" value="Modificar" type="checkbox"/>
        <label for="pEliminarPoliza">Eliminar</label>
        <input id="pEliminarPoliza" name="Poliza[]" value="Eliminar" type="checkbox"/>
        </p>

        <h4 id="Servicio">Servicio</h4>
        <p>
        <label for="pCrearServicio">Crear</label>
        <input id="pCrearServicio" name="Servicio[]" value="Crear" type="checkbox"/>
        <label for="pBuscarServicio">Buscar</label>
        <input id="pBuscarServicio" name="Servicio[]" value="Buscar" type="checkbox"/>
        <label for="pModificarServicio">Modificar</label>
        <input id="pModificarServicio" name="Servicio[]" value="Modificar" type="checkbox"/>
        <label for="pEliminarServicio">Eliminar</label>
        <input id="pEliminarServicio" name="Servicio[]" value="Eliminar" type="checkbox"/>
        </p>
    </div>

我希望我已经解释过了。问候!

编辑

这就是我对每个区域和复选框的索引所做的:

NumH4 = 0
NUmH4 = $('#permisosPerfiles div').children('h4').length(); //5
WHile <= NumH4
     numCheckBoxes = 0
     numCheckBoxes = //Code to get total of checkboxes after each $this H4
     while <= numCheckBoxes
         //Code to set checked/unchecked according to data obtained from the database 1 = checked, 0 = unchecked
     numCheckBoxes++;
numH4++;

下图是我的数据库中的表结构,我得到 1 或 0 来检查或取消检查!

也许这个问题或标题写得不好但因为我的英语不是很好,无法正确解释这个问题!需要与某人聊天以使我更好地理解。

在此处输入图像描述

4

2 回答 2

0

如果您想要元素的索引,请使用以下命令:

$("#element").parent().index($("#element"));

你总是取你需要索引的元素的父元素。

我为您制作了一个jsFiddle,它将索引放在 HTML 中(只是为了显示它是哪些索引)。

于 2012-08-12T00:17:16.950 回答
0

如果您想要 H4 标签下的复选框 id(这就是您要问的对吗??),您可以使用以下代码

$("#permisosPerfiles h4").each(function(index, elem) {
    console.log($(this).text());
    var h4id=$(this).attr('id');
    console.log($('#'+h4id+'+p input:checkbox').length);
});

您可以将 console.log 替换为您要执行的操作。这是我为它创建的jsFiddle jsFiddle

于 2012-08-12T05:14:44.980 回答