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> 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); p>
$(_this).next().val(intdata==1?intdata:--intdata
},
guardar: función(){); p>
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;";
} p>
$("#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