A.jsp 复选框

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="bean.Doctor"%>
<%@page import="ctrl.DoctorCtrl"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<jsp:useBean id="dc" class="ctrl.DoctorCtrl"></jsp:useBean>
<jsp:useBean id="doctor" class="bean.Doctor" scope="session"></jsp:useBean>
<Script Language="JScript">
function rchd(obj){
var rchdArray = document.getElementsByName(obj);
window.alert(obj);
for(var i=0;i<=rchdArray.length-1;i++){
if(obj.checked){

}
}
}
</Script>
<html>
<head>
<base href="<%=basePath%>">

<title>康复评定</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="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/jHsDate.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/jquery.js"></script>
<script src="js/plug-ins/customScrollbar.min.js"></script>
<script src="js/plug-ins/echarts.min.js"></script>
<script src="js/plug-ins/layerUi/layer.js"></script>
<script src="editor/ueditor.config.js"></script>
<script src="editor/ueditor.all.js"></script>
<script src="js/plug-ins/pagination.js"></script>
<script src="js/public.js"></script>


<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(function() {

});

function checkBoxFuc(){
var str="";
$('input:checkbox').each(function() {
if ("checked"==$(this).attr('checked')) {
str=str+$(this).val()+",";
}
});
str="<h1>"+str+"</h1>";
$("#checkBoxId").html(str);
};

function checkBoxEdFuc(){
var str="";
$('input:checkbox').each( function(){
var self=$(this);
if(!self.prop('checked')){
str=str+self.val()+",";
}
});
str="<h1>"+str+"</h1>";
$("#checkBoxEdId").html(str);
};

function allCheckBoxEdFuc(){
$('input:checkbox').each(function(){
var self=$(this);
if(!self.prop('checked')){
self.prop('checked',true);
}
});
};

function notAllCheckBoxEdFuc(){
$('input:checkbox').each(function(){
var self=$(this);
if(self.prop('checked')){
self.prop('checked',false);
}
});
};

function numberFuc(){
var length="<h1>选中的个数为:"+$('input:checkbox:checked').length+"</h1>";
$("#numberId").html(length);
};

function noNumberFuc(){
var allLength=+$('input:checkbox').length;
var checkedLength=$('input:checkbox:checked').length;
var length=allLength-checkedLength;
$("#noNumberId").html("<h1>未选中个数为:"+length+"</h1>");
}
function allNumberFuc(){
var length="<h1>总个数为:"+$('input:checkbox').length+"</h1>";
$("#allNumberId").html(length);
};

function firstLastFuc(){
$('input:checkbox:first').attr("checked",'true');
$('input:checkbox:last').attr("checked",'true');
};

function checkNumber(){
var number=$("#checkId").val();
//$('input:checkbox').eq(number-1).attr("checked",'true');
$('input:checkbox').eq(number-1).prop("checked",true);
}
</script>

</script>
</head>
<body>
<SCRIPT LANGUAGE=javascript>
function p_del() {
var obj = document.getElementsByName("m_rc");//选择所有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中
}
if (confirm(s)==true){
return true;
}else{
return false;
}
}
</SCRIPT>
<input type="checkbox" name="m_rc" value="1">1
<input type="checkbox" name="m_rc" value="2">2
<input type="checkbox" name="m_rc" value="3">3
<input type="checkbox" name="m_rc" value="4">4
<input type="checkbox" name="m_rc" value="5">5
<input type="checkbox" name="m_rc" value="6">6
<input type="checkbox" name="m_rc" value="7">7
<input type="checkbox" name="m_rc" value="8">8</br>
<input type="button" value="选中的值有:" onclick="checkBoxFuc();"><p id="checkBoxId"></p>
<input type="button" value="未选中的值有:" onclick="checkBoxEdFuc();"><p id="checkBoxEdId"></p>
<input type="button" value="全选:" onclick="allCheckBoxEdFuc();"><p id="allCheckBoxEdId"></p>
<input type="button" value="全不选:" onclick="notAllCheckBoxEdFuc();"><p id="notAllCheckBoxEdId"></p>
<input type="button" value="选中的个数:" onclick="numberFuc();"><p id="numberId"></p>
<input type="button" value="未选中的个数:" onclick="noNumberFuc();"><p id="noNumberId"></p>
<input type="button" value="总个数:" onclick="allNumberFuc()"><p id="allNumberId"></p>
<input type="button" value="选中第一个和最后一个:" onclick="firstLastFuc()"><p id="firstLastId"></p>
<input id="checkId" type="text"/>
<a title="删除" class="JopenPanel" href="#" onclick="javascript:return p_del()">删除</a>

</body>
</html>

原文地址:https://www.cnblogs.com/svvv/p/12438667.html