Comment créer une liste de cases à cocher

Question

Comment créer une liste de case à cocher et récupérer la valeur de case à cocher sélectionnée dans javascript

Answer 1

présumant une structure comme:

<form name="test"> 
    <input type="checkbox" name="colors" value="red'/> 
    <input type="checkbox" name="colors" value="orange'/> 
    <input type="checkbox" name="colors" value="yellow'/> 
    <input type="checkbox" name="colors" value="blue'/> 
</form> 

ensuite utiliser quelque chose comme ça pour récupérer la valeur:

var values = []; 
var cbs = document.forms['test'].elements['colors']; 
for(var i=0,cbLen=cbs.length;i<cbLen;i++){ 
    if(cbs[i].checked){ 
    values.push(cbs[i].value); 
    } 
} 
alert('You selected: ' + values.join(', ')); 

Answer 2

Pour créer un élément DOM, utilisez document.createElement. Pour récupérer la valeur de case à cocher sélectionnée, utilisez element.checked et/ou element.value. Pour en savoir plus sur HTML DOM, start here.

Vous pouvez envisager d'utiliser jQuery pour faciliter tous les travaux de manipulation et de déplacement DOM.