获取checkbox中被选中的值

html代码：

<form name="testForm" id="myForm"> <input type="checkbox" name="ids" value="1" />1<br /> <input type="checkbox" name="ids" value="2" />2<br /> <input type="checkbox" name="ids" value="3" />3<br /> <input type="checkbox" name="ids" value="4" />4<br /> <input type="checkbox" name="ids" value="5" />5<br /> <input type="checkbox" name="ids" value="6" />6<br /> <input type="checkbox" name="ids" value="7" />7<br /> <input type="checkbox" name="ids" value="8" />8<br /> <button type="button" onclick="test()">js</button> <button type="button" onclick="jqueryFun()">jquery</button> </form>

方法一：通过js实现 js代码：

function test(){ debugger; // 获取所有的复选框元素 var obj1 = document.testForm.ids; var ids = []; for(i = 0; i< obj1.length; i++){ if(obj1[i].checked){ ids.push(obj1[i].value) $("body").append("<p>"+obj1[i].value+"</p>") } } }

方法二：通过jq实现 js代码：

function jqueryFun(){ debugger; var ids = []; $("input[name='ids']:checked").each(function(i){ ids.push($(this).val()) $("body").append("<p>"+$(this).val()+"</p>") }) }

注意： dom对象取值时： domObj.value； jQuery对象取值时：jqueryObj.val()