如何创建复选框列表 [英] How to create list of checkboxes

问题描述

如何创建复选框列表以及如何在javascript中检索所选的复选框值

How to create a list of checkbox and retrieve selected checkbox value in javascript

推荐答案

假设一个结构如下:

<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>

然后使用类似这样的方法来检索值:

Then use something like this to retrieve the value:

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(', '));

这篇关于如何创建复选框列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！