bootstrap-select插件
源码地址分享:链接:http://pan.baidu.com/s/1i5R5FaX 密码:et13
实现复选框实现图
Index.jsp
<!DOCTYPE html>
<%@page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<html>
<head >
<title ></title>
<script src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/bootstrap-select.js"></script>
<link rel="stylesheet" type="text/css" href="js/bootstrap-select.css">
<!-- 3.0 -->
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.min.js"></script>
<!-- 2.3.2
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.js"></script>
-->
<script type="text/javascript">
$(window).on('load', function () {
/* $('.selectpicker').selectpicker({
'selectedText': 'cat'
}); */
/* $('.selectpicker').selectpicker('hide');*/ //隐藏
$(".selectpicker").selectpicker({
width : 300,
//actionsBox:true, //在下拉选项添加选中所有和取消选中的按钮
//countSelectedText:"已选中{0}项",
//selectedTextFormat:"count < 5"
});
});
</script>
</head>
<body>
<label for="ajzlx"></label>
<select id="ajzlx" class="selectpicker bla bla bli"
data-max-options="6" multiple data-live-search="true">
<option value ="1" selected="selected">搜索案件类型</option>
<option value ="1">刑事一审</option>
<option value ="2">刑事二审</option>
<option value="3">刑事复核</option>
<option value="4">刑事再审</option>
<option value ="5">刑罚变更</option>
<option value ="6">民事一审</option>
<option value="7">民事二审</option>
<option value="8">民事再审</option>
<option value ="9">民事特殊</option>
<option value ="10">破产</option>
<option value ="11">行政一审</option>
<option value ="12">行政二审</option>
<option value ="13">行政再审</option>
<option value="14">行政非诉执行审查</option>
<option value="15">赔偿确认</option>
<option value ="16">司法赔偿</option>
<option value ="17">执行</option>
<option value="18">再审审查与审判监督</option>
<option value="19">诉前保全</option>
<option value ="20">信访</option>
<option value ="21">强制医疗</option>
<option value ="22">强制医疗复议</option>
<option value ="23">解除强制医疗</option>
<option value ="24">纪检监督</option>
<option value="25">其他</option>
<option value="26">没收违法所得申请审查</option>
<option value ="27">没收违法所得二审</option>
<option value ="28">没收违法所得再审</option>
<option value="29">强制医疗监督</option>
<option value="30">停止执行死刑</option>
<option value ="31">刑罚与执行变更监督</option>
<option value ="32">刑罚与执行变更备案</option>
<option value ="33">其他刑事</option>
<option value ="34">第三人撤销之诉</option>
<option value ="35">强制清算</option>
<option value="36">其他民事</option>
<option value="37">其他行政</option>
<option value ="38">其他赔偿</option>
<option value ="39">司法救助</option>
<option value="40">其他司法救助</option>
<option value="41">非诉保全</option>
<option value="42">司法制裁</option>
<option value ="43">刑事管辖</option>
<option value ="44">民事管辖</option>
<option value ="45">行政管辖</option>
<option value="46">行政赔偿管辖</option>
<option value="47">其他执行</option>
<option value ="48">人身安全保护令申请审查</option>
<option value ="54">强制清算申请审查</option>
<option value ="55">破产申请审查</option>
<option value="56">强制清算上诉</option>
<option value="57">破产上诉</option>
<option value ="58">强制清算监督</option>
<option value ="59">破产监督</option>
<option value ="60">国际司法协助</option>
<option value ="61">区际司法协助</option>
<option value ="50">申请安置教育审查</option>
<option value="51">解除安置教育审查</option>
<option value="52">安置教育复议</option>
<option value ="53">安置教育监督</option>
<option value ="49">人身安全保护令变更</option>
<option value="255">其他案件</option>
</optgroup>
</select>
</body>
</html>
其他的包,网友可以在网上自行搜索到,或者直接下载笔者的源码包中就有。