jquery获取多选框checkbox中被选中的值

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

1、通过js实现

对于name属性，可以通过 document.name1.name2.... 来获取所有name属性为name2的元素

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(""+obj1[i].value+"")
         }
     }
 }

2、通过jQuery实现
 

function jqueryFun(){

    debugger;

    var ids = [];

    $("input[name='ids']:checked").each(function(i){

        ids.push($(this).val())

        $("body").append(""+$(this).val()+"")
     })
 }

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

欢迎转载，转载需注明地址： http://www.luowebs.com/Skill_desc/112/166.html

很赞哦！ (0)