proyecto javaweb

lt;@?page?language="java"?import="java.util.*"?pageEncoding="UTF-8"gt;?

lt ;

String?path?=?request.getContextPath();

String?basePath?=?request.getScheme() "://" request.getServerName () ": " ruta request.getServerPort() "/";

gt;

lt;!DOCTYPE?HTML?PUBLIC?"-/W3C/DTD?HTML?4?.01? Transicional/ES"gt;

lt;htmlgt; lt;headgt;

lt;base?href="lt;=basePathgt;"gt;

es;! --?jQuery?--gt;

lt;script?src="jquery/jquery-1.11.1.js"gt;lt;/scriptgt;

lt;! --? Bootstrap.signin opcional --gt

lt; script?type="text/javascript"?src="myscjh/plugins/bootstrap-3.2.0-dist/js/bootstrap .min .js" gt;lt;/scriptgt;

lt;!--agregue el JS requerido--gt;

lt;script?type="text/javascript" ?src ="js/baiduzhidao.js"gt;lt;/scriptgt;

lt;!--Agregue el CSS requerido--gt;

lt;link?rel ="hoja de estilo "?href="myscjh/plugins/bootstrap-3.2.0-dist/css/jumbotron-narrow.css"gt;

lt;link?rel="stylesheet"?href=" myscjh/plugins /bootstrap-3.2.0-dist/css/bootstrap.min.css"gt;

lt;link?2.0-dist/css/bootstrap-theme.min.css"gt;

lt;/headgt; lt;bodygt; lt;input?class="btn? btn-success"?type="button"?data-toggle='modal'?data-target='#myModal '?onclick ="baiduzhidao.cleardata()"?value="Agregar"gt; ?lt;div?id="add"gt;lt;/divgt; --?gt;

lt; div?class="modal?fade"?id="myModal"?tabindex="-1"?role="dialog"?aria-labelledby="myModalLabel"

?aria-hidden="true"gt; lt;div?class="modal-dialog"gt;

lt;div?class="modal-content"gt;div?class=" modal-header"gt;

lt;button?type="button"?class="close"?data-dismiss="modal"gt;lt;span?aria-hidden= "true"gt;amp;times;lt;/spangt;lt;; span?class="sr-only"gt;Closelt;/spangt;lt;/buttongt;

lt;h4?class ="modal-title"?id="myModalLabel"gt;Dialog?Modallt;/h4gt;lt;/divgt;lt;div?class="modal-body"gt;

?lt;div ?id="collapse_magic"?class="panel-group"?jsselect="auths"?role="tablist"?aria-multiselectable="true"gt;

lt;div?class=" panel?panel-info"gt;

lt;div?class="panel-heading"?gt;

lt;h4?class="panel-title"gt;

lt;input?type="checkbox"?onclick="baiduzhidao.checkall(this)"gt;lt;/inputgt;

lt;a?class="check-fixed "?jscontent="nombre"?data-toggle="collapse"?data-parent="#collapse_magic"?href="#collapse_magic_User"? aria-expanded="false"?aria-controls="collapse_magic_User"gt; /agt;

lt;label?class="navbar-right"?jstcache="0"gt;lt;/labelgt;

lt;/h4gt;

lt;/divgt;

lt;div?id="collapse_magic_User"?class="panel-collapse?collapse?in"?role="tabpanel"?style=""gt; /p>

lt;div?class="panel-body"?gt;

lt;div?class="input-group"gt;

lt; ?class="input-group-addon"gt;

lt;input?class="authitem"?type="checkbox"?onclick="baiduzhidao.checksum(this)"gt;lt; inputgt;

lt;/spangt;

lt;button?class="btn?

btn-info?form- control"?type="button"? gt;applelt;/buttongt;

lt;/divgt;

lt;div?class="input- grupo"gt;

lt;span?class="input-group-addon"gt;

lt;span?

lt;input?class= "authitem"?type="checkbox"?onclick="baiduzhidao.checksum(this)"gt;lt;/inputgt;

lt;/spangt;

lt ;botón? class="btn?btn-info?form-control"?type="button"gt;bananalt;/buttongt;

lt;/divgt;

lt;div?class ="input-group"gt;

lt;span?class="input-group-addon"gt;

lt;input?class="authitem"?type=" casilla de verificación"?onclick="baiduzhidao.checksum(this)"gt;lt;/inputgt;

lt;/spangt;

lt;button?class="btn?btn- info?form-control"?type="button"gt;orange?

lt;/divgt;

lt;/divgt;

lt;/ divgt;

lt;/divgt;

lt;/divgt;

lt;/divgt;

lt;/divgt;

lt;/divgt;

lt;/divgt;

lt;/divgt; lt;div?class="modal-footer"gt;

lt;button?type="button"?class="btn?btn-primary"?onclick="baiduzhidao.save();"?datadismiss="modal"gt;Savelt;/buttongt ; lt;/divgt;

lt;/divgt;

lt;/divgt; lt;/bodygt;

lt;/htmlgt.js

if(!baiduzhidao){

var?baiduzhidao?={

cleardata: function(){

$(": casilla de verificación"). prop("checked", false); //borrar todas las casillas de verificación

$("h4?label").html("");

},

suma de comprobación: función(_this){

var?temp?=?$(_this).parent().parent().parent();

var?sum? =?temp.niños().niños("sp

an").children(":checked").length;

var?str?=??"" ;

if(sum!=0)?str? =" [" suma "]";

var?checksum?=?temp.parent().prev().children().children("label");

suma de comprobación. html( str);

},

verificar todo: función(_this){

var?checksum?=?$(_this).siblings("etiqueta ");

var?temp?=?$(_this).parent().parent();

var?checkitem?=?temp.next().children( ).children().children("span").children("input"); //obtener todas las casillas de verificación

var?sum?=?checkitem.length;

checkitem .prop("checked", $(_this).prop("checked")); //sincronizar con la selección completa

var?str="";

if($(_this). prop("marcado")){

str? ="[" suma "]"

}

checksum.html(str); p>

},

getallchecked: function() {

var?arr?=?[]

$(".authitem :marcado ").each(function(i, e){

arr.push($(e).parent().next().html());

})

return?arr;

},

adición: function(_this){

var?data?=?var ?intdata ?=?parseInt(data);

$(_this).prev().val(intdata);

},

resta.función (_this ){

var?data?=?$(_this).next().val();

var?intdata?=?parseInt(data);

$(_this).next().val(intdata==1?intdata：--intdata

},

guardar: función(){);

var?arr=[];

var?str="";

arr?=?baiduzhidao.getallchecked();

for(var?i=0; ilt; arr.length; i ){

//Ajusta el formato según tus propias necesidades

str?aria-hidden=' verdadero'gt; × lt

;/spangt;lt;span?class='sr-only'gt;Closelt;/spangt;lt;/buttongt;lt;divgt;lt;label?class='control-label'?for='inputError2'gt; " arr[i] "lt;/labelgt;lt;input?type='button'?onclick='baiduzhidao.value='-'gt;lt;input?type='text'?value='1'?readonlygt ;lt;input?type='button'?onclick='baiduzhidao.addtion( this)'?value=' 'gt;lt;/divgt;lt;/divgt;";

}

$("#add").html(str);

}

}

}

}

¿Trabajos probados y aprobados? Captura de pantalla

La interfaz se puede ajustar según sus propias necesidades. Si tiene alguna pregunta, QQ 278750600