• 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>

  • 相关阅读:
    css3线性渐变
    php的%s
    面向对象
    excel导入导出
    保存Excel
    保存word
    图片预览
    验证日期输入格式
    级联菜单
    中级前端知识点提要
  • 原文地址:https://www.cnblogs.com/svvv/p/12438667.html
Copyright © 2020-2023  润新知