jquery的遍历方法可以获取复选框所欲的选中值
$("input:checkbox:checked")each(function(index,element)); // 为所有选中的复选框执行函数，函数体中可以取出每个复选框的值
$("input:checkbox:checked")map(function(index,domElement)); // 将所有选中的复选框通过函数返回值生成新的jQuery 对象
实例演示：点击按钮获取checkbox的选中值
创建Html元素
<div class="box">
<span>点击按钮获取checkbox的选中值：</span>
<div class="content">
<input type='checkbox' name='message' value='1'/>发送短信
<input type='checkbox' name='message' value='2'/>发送邮件
</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;}
编写jquery代码
$(function(){
$("input:button")click(function() {
text = $("input:checkbox[name='message']:checked")map(function(index,elem) {
return $(elem)val();
})get()join(',');
alert("选中的checkbox的值为："+text);
});
});
dataservesplit(',')forEach(function(e,i){
$("#operateType :checkbox")eq(i)prop("checked",!!e);
});
给你个例子 你参考一下吧 我测试可以的：
<input id="Checkbox1" name="Checkbox1" value="1" type="checkbox" runat="server" checked="CHECKED" />
后台取值：
ResponseWrite(RequestParams["Checkbox1"]); 得到value的值
1给复选框命名：<input type='checkbox' name='checkTheme' value='">。
2在提交的时候onclick="aa();"。
3在jsp页面中放一个input hidden的属性去接收aa()里面的值：
4action里面：
private String tempString;//get、set方法，String temp1[] = tempStringsplit(",");// 截取字符串，获得各个checkBox的值。
5这个数组temp1[]里面的值就是要获取的各个复选框里取到的值。
JSP（java服务器页面）
JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。
JSP技术有点类似ASP技术，它是在传统的网页HTML（标准通用标记语言的子集）文件(htm,
html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(jsp)。
用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他 *** 作系统上运行。
它实现了Html语法中的java扩展（以 <%, %>形式）。JSP与Servlet一样，是在服务器端执行的。通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。
JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。
JSP将网页逻辑与网页设计的显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。 JSP(JavaServer Pages)是一种动态页面技术，它的主要目的是将表示逻辑从Servlet中分离出来。
Java Servlet是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。
<!--前台代码->
<form id="form1" name="form1" method="post">
<input name="funItem" value="1" checked="checked" type="checkbox" />c#
<input name="funItem" value="2" type="checkbox" />html
<input name="funItem" value="3" type="checkbox" />javascript
</form>//获取选择项的值
string argValue = RequestForm["funitem"];
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="JavaScript">
function test (){
var names = documentgetElementsByName("checkBoxName");
for( i = 0 ; i <nameslength; i ++){
if (names[i]checked)
alert("This"+(i+1)+" was checked !----------------"+names[i]value);
else
alert("nothing");
}
}
function loadInfo(){
var valueStr = "aaaaa,cccc";
var values = valueStrsplit(",");
var names = documentgetElementsByName("checkBoxName");
for ( j = 0 ; j < valueslength; j++ )
{
for( i = 0 ; i <nameslength; i ++){
if (names[i]value==values[j])
names[i]checked="checked";
}
}
}
</script>
</HEAD>
<BODY onload="loadInfo();">
<input type="checkBox" name="checkBoxName" value="aaaaa"/>aaaaaa
<input type="checkBox" name="checkBoxName" value="aaaccc"/>aaaccc
<input type="checkBox" name="checkBoxName" value="cccc"/>cccc
<input type="button" value=" test " onclick="test();">
</BODY>
</HTML>
以上就是关于如何获取checkbox 全部的值全部的内容，包括:如何获取checkbox 全部的值、jquery 怎么将checkbox后台取出的值加载到前台、input type="checkbox" runat="server" id是数组里的值,怎么在后台获得到页面的checkbox等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）