jquery获取复选框checkbox的值的简单实现方法
编程学习 2021-07-04 19:59www.dzhlxh.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇jquery获取复选框checkbox的值的简单实现方法。长沙网络推广觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随长沙网络推广过来看看吧
jQuery API :
each(callback) :以每一个匹配的元素作为上下文来执行一个函数。
:checked :匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)
js:
//js获取复选框值
var obj = document.getElementsByName("interest");//选择所有name="interest"的对象，返回数组
var s='';//如果这样定义var s;变量s中会默认被赋个null值
for(var i=0;i<obj.length;i++){
if(obj[i].checked) //取到对象数组后，我们来循环检测它是不是被选中
s+=obj[i].value+','; //如果选中，将value添加到变量s中
}
jquery:
//jquery获取复选框值
var chk_value =[];//定义一个数组
$('input[name="interest"]:checked').each(function(){//遍历每一个名字为interest的复选框，其中选中的执行函数
chk_value.push($(this).val());//将选中的值添加到数组chk_value中
});
其中jsp页面代码
<%@ page language="java" contentType="text/html" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
// basePath = http :// 127.0.0.1 : 8080 /DWR_checkbox /
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>DWR获取浏览器页面信息</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type='text/javascript' src='<%=path%>/dwr/engine.js'></script>
<script type='text/javascript' src='<%=path%>/dwr/util.js'></script>
<script type='text/javascript' src='<%=path%>/dwr/interface/test.js'></script>
<script type='text/javascript' src='<%=path%>/dwr/interface/test1.js'></script>
<script type='text/javascript' src='<%=path%>/dwr/interface/userLogin.js'></script>
<script type="text/javascript">
function ceshi1()
{
test.hasPermission(mydwr("user").value,mydwr("pass").value, // 使用$()属性获取当前页面输入的用户名和权限的值
function(data)
{
if(data)
{
mydwr("hp1").checked = "checked";
}else{
mydwr("hp1").checked = null;
}
document.getElementById("boolean1").value = data;
});
}
function ceshi2()
{
test.hasPermission(dwr.util.getValue("username"),dwr.util.getValue("password"),// 使用DWR中的util.js工具中的属性获取当前页面输入的用户名和权限的值，给后台.java的hasPermission方法的参数赋值，再执行此方法(不是void类型有返回值)得到个返回值。
function(data)
{
if(data)
{
document.getElementById("hp").checked = "checked"; // 使用byId()属性获取当前页面checkbox的checked属性
}else{
document.getElementById("hp").checked = null;
}
document.getElementById("boolean2").value = data;
dwr.util.setValue("boolean3",data);
//dwr.util.setValue(boolean3,"哈哈");
dwr.util.setValue(div,data);
//dwr.util.setValue(body,data);
}); // 用function(data)方法来处理后台.java方法执行后的返回值，存在data变量中，在执行function(data)方法的语句
}
function invoke1()
{
dwr.engine.setAsync(false);//<!-- 默认是异步执行的true，设置成false就是同步执行 方法按顺序执行-->
test1.method1(
function(data){
alert(data);
}
);
test1.method2(
function(data){
alert(data);
}
);
}
function invoke2(){
test.getArray(
function(data)
{
//for(var i=0;i<data.length;i++){
// alert(data[i]);
/