jquery获取多选框的值,js获取多选框选中的值
jquery怎样获取多个复选框的值？
可以参考下面的代码：
永昌ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！
$(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);
}
}
不知能否帮到你
本文名称：jquery获取多选框的值,js获取多选框选中的值
URL链接：http://6mz.cn/article/phchpg.html