var desc_id=[];\x0d\var obj = documentgetElementById("i_ts_desc");\x0d\for(var i=0;i回答于 2022-12-14
多选框取一个相同的名字 比如叫name 然后在servlet里通过requestgetParameterValues("name")得到一个String类型的数组。这个数组就是多选框的值的数组
下拉列表也是取一个名字 然后requestgetParameter("name") 得到一个String值
根据多选框name来获得选中的值可用如下 jquery代码实现
$("input:checkbox[name='test']:checked")each(function() { // 遍历name=test的多选框$(this)val(); // 每一个被选中项的值
});
实例演示：给出两组多选框，点击按钮后分别获得两组中被选择的项目
示例代码如下
创建Html元素
<div class="box"><span>请输入用户名，限定字母、数字或下划线的组合：</span><br>
<div class="content">
<span>水果：</span><br>
<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>蔬菜：</span><br>
<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样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox span{color:#999;font-style:italic;}
divcontent{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);
});
})
观察效果
给你写了个例子，供你参考
<title>JavaScript 获取复选框的值</title>
<script>
function checkbox()
{
var str=documentgetElementsByName("box");
var objarray=strlength;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i]checked == true)
{
chestr+=str[i]value+",";
}
}
if(chestr == "")
{
alert("请先选择复选框～！");
}
else
{
alert("复选框的值是："+chestr);
}
}
</script>
选择您的拿手技术：
<input type="checkbox" name="box" id="box1" value="ASP" />ASP
<input type="checkbox" name="box" id="box2" value="PHP" />PHP
<input type="checkbox" name="box" id="box3" value="JSP" />JSP
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
第一步，创建静态页面selecthtml，引入select2相关的css和js文件，并引入jQuery核心js，如下图所示：
第二步，在body标签内插入select元素，设置属性multiple和class，宽度为300px，如下图所示：
第三步，初始化select2插件，需要调用select2()方法，如下图所示：
第四步，为了演示获取下拉框值，这里利用button按钮点击事件，在select下方插入一个button按钮，如下图所示：
5
第五步，编写按钮点击事件，事件里获取多选下拉框值和文本内容，如下图所示：
6
第六步，在浏览器中进行预览，点击“取值”按钮，会看到打印下拉框选择的值和文字，如下图所示：
1、使用checkbox的Value 属性取值，值为0时没选择，真为1时已选择。
2、CheckBox 控件：
选择 CheckBox 控件后，该控件将显示 √，而清除 CheckBox 控件后， √消失。该控件可用来提供 True/False 或者 Yes/No 选项。组中可以使用 CheckBox
控件显示多项选择，从而可选择其中的一项或多项。
3、vb6示例：
Private Sub Check1_Click()MsgBox Check1Value
End Sub
1、引入jQuery库
2、给按钮绑定点击事件
3、在点击事件里获取选定得框的值
代码去下：
$("#按钮的id")click(function(){
var tmp = $("#选定得框的id")val();
});
^_^
requestform("多选列表框名称")
例如：
testasp
<html>
<head><title></title></head>
<body>
<form method="post" action="Resultasp">
<input type="checkbox" name="ck1" value="1">足球
<input type="checkbox" name="ck2" value="1">篮球<br />
<input type="submit" name="TJ" value="提交">
</form>
</body></html>
resultasp
<%
'获取表单提交的数据
ck1 = requestform("ck1")
ck2 = requestform("ck2")
if ck1=1 and ck2=1 then bg="足球与篮球"
if ck1=1 and ck2<>1 then bg="足球"
if ck1<>1 and ck2=1 then bg="篮球"
if ck1<>1 and ck2<>1 then bg="没有选择"
%>
<html>
<head><title>B页面</title></head>
<body>
<p>你选择了：<%=bg%></p>
<p><a href="testasp" target="_self">返回继续测试</a></p>
</body></html>
或者：
testasp
<html>
<head><title></title></head>
<body>
<form method="post" action="Resultasp">
<input type="checkbox" name="ck" value="足球">足球
<input type="checkbox" name="ck" value="篮球">篮球<br />
<input type="submit" name="TJ" value="提交">
</form>
</body></html>
Resultasp
<%
'获取表单提交的数据
ck = split(requestform("ck"),",")
responsewrite "你选择了："
for i= 0 to Ubound(ck)
responsewrite ck(i)
next
%>
<html>
<head><title>B页面</title></head>
<body>
<p><a href="testasp" target="_self">返回继续测试</a></p>
</body></html>
以上就是关于js怎么能取得多选下拉框选中的多个值全部的内容，包括:js怎么能取得多选下拉框选中的多个值、jsp 如何获取多选下拉列表框的值、jquery如何根据多选框name来获得选中的值。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）