jquery获取多选框的值,js获取多选框选中的值

jquery怎样获取多个复选框的值？

可以参考下面的代码：

$(document).ready(function(){

varchecked=[];

$("#submitButton").click(function(){

$('input:checkbox:checked').each(function(){

checked.push($(this).val());

});

alert(checked);

});

});

扩展资料：

jquery参考函数

$(”元素名称”).html(”bnew stuff/b”); 给某元素设置内容 

$(”元素名称”).removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值 

$(”元素名称”).removeClass(”class”) 给某元素删除指定的样式 

$(”元素名称”).text(); 获得该元素的文本 

$(”元素名称”).text(value); 设置该元素的文本值为value

参考资料来源：百度百科-jQuery

jquery form怎么接收多选框传来的值

根据多选框name来获得选中的值可用如下 jquery代码实现

1

2

3

$("input:checkbox[name='test']:checked").each(function() { // 遍历name=test的多选框

$(this).val(); // 每一个被选中项的值

});

实例演示：给出两组多选框，点击按钮后分别获得两组中被选择的项目

示例代码如下

创建Html元素

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

div class="box"

span请输入用户名，限定字母、数字或下划线的组合：/span

div class="content"

span水果：/span

input type="checkbox" name="fruit" value="梨子"/梨子

input type="checkbox" name="fruit" value="李子"/李子

input type="checkbox" name="fruit" value="栗子"/栗子

input type="checkbox" name="fruit" value="荔枝"/荔枝

span蔬菜：/span

input type="checkbox" name="vegetable" value="青菜"/青菜

input type="checkbox" name="vegetable" value="萝卜"/萝卜

input type="checkbox" name="vegetable" value="土豆"/土豆

input type="checkbox" name="vegetable" value="茄子"/茄子

/div

input type="button" value="提交"

/div

设置css样式

1

2

3

4

5

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.box span{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='checkbox']{margin:5px;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

$(function(){

// 设置属性值

$("input:button").click(function() {

var fruit = "";

var vegetable = "";

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

fruit += $(this).val() + " ";

});

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

vegetable += $(this).val() + " ";

});

alert("已选择水果："+fruit+"，已选择蔬菜："+vegetable);

});

})

观察效果

jquery如何根据多选框name来获得选中的值。

根据多选框name来获得选中的值可用如下 jquery代码实现

$("input:checkbox[name='test']:checked").each(function() { // 遍历name=test的多选框

  $(this).val();  // 每一个被选中项的值

});

实例演示：给出两组多选框，点击按钮后分别获得两组中被选择的项目

示例代码如下

创建Html元素

div class="box"

span请输入用户名，限定字母、数字或下划线的组合：/spanbr

div class="content"

span水果：/spanbr

input type="checkbox" name="fruit" value="梨子"/梨子

input type="checkbox" name="fruit" value="李子"/李子

input type="checkbox" name="fruit" value="栗子"/栗子

input type="checkbox" name="fruit" value="荔枝"/荔枝br

span蔬菜：/spanbr

input type="checkbox" name="vegetable" value="青菜"/青菜

input type="checkbox" name="vegetable" value="萝卜"/萝卜

input type="checkbox" name="vegetable" value="土豆"/土豆

input type="checkbox" name="vegetable" value="茄子"/茄子

/div

input type="button" value="提交"

/div

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.box span{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='checkbox']{margin:5px;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

// 设置属性值

$("input:button").click(function() {

var fruit = "";

var vegetable = "";

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

fruit += $(this).val() + " ";

});

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

vegetable += $(this).val() + " ";

});

alert("已选择水果："+fruit+"，已选择蔬菜："+vegetable);

});

})

观察效果

jquery 怎样获取select多选下拉框所有选项的值

思路：jquery 获取select多选下拉框所有选项的值，可以通过选取多选的数组进行循环判断即可。

方法如下：

function f(){

    var se = document.getElementById("t");

    var s = [];

    for(i=0;ise.length;i++){

        if(se.options[i].selected){

            s.push(se[i].value);

        }

    }

    alert(s);

}

select id="t" multiple="true"

    option value="a"option-A/option  

    option value="b"option-B/option

    option value="c"option-C/option 

    option value="d"option-D/option

/select

input type="button" value="确定" Onclick="f()" /

如图所示：

jquery怎么获取多选框的值

div id="checkbox2"

input name="cuser" type="checkbox" /复选框1

input name="cuser" type="checkbox" /复选框2

input name="cuser" type="checkbox" /复选框3

input name="cuser" type="checkbox" /复选框4

/div

var obj = document.getElementsByName("cuser");//得到复选框的元素

var check = [];

for (k = 0; k obj.length; k++) {//循环取值

if (obj[k].checked) {//取到选中的值

check.push(obj[k].value);

}

}

不知能否帮到你