2009-08-18 6 views
2

Quel serait le code jQuery pour ajouter une case à cocher à chaque élément <li> dans une liste non ordonnée et gérer leurs rappels en obtenant le texte li ou les propriétés de la case à cocher comme nom/valeur?Ajout de cases à cocher à une liste non ordonnée à l'aide de jQuery

J'ai commencé avec quelque chose comme ceci:

$(document).ready(function() { 
    $("#SuperTextbox1_Results").children('li').each(function() { 
     $(this).prepend('<input type="checkbox" name="test" value="test" />'); 
    }); 
}); 
+0

S'il vous plaît poster le code pour ce que vous avez essayé et je suis sûr que quelqu'un va vous aider. – Lazarus

Répondre

6
// checkbox click event handler 
$('input:checkbox.liChk').live('click', function() { 
    // access parent li, do whatever you want with it 
    console.log($(this).parent('li')); 
});  

// append checkboxes to all li tags 
$('<input type="checkbox" class="liChk" />').appendTo('li'); 
+0

Remplacer 'li' par $ ("# your-ul"). Children ('li') permettra d'ajouter les cases à cocher à une liste non ordonnée spécifique. –

+0

Comme .live est obsolète dans jQuery 1.7 et supprimé dans 1.9, il devrait probablement utiliser .on à la place. (Il suffit de remplacer .live par .on dans l'exemple.) Http://api.jquery.com/live/ –

Questions connexes