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"));

インデックスが必要な要素の親を常に取得します。

HTML にインデックスを配置するjsFiddleを作成しました (それがどのインデックスかを示すためだけに)。

于 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 に答える