<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML >
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<form action="">
<input type="checkbox" name="chk_all" id="chk_all" />选择资料方式<br/>
<input type="checkbox" name="chk_list" id="chk_list_1" value="1" />图纸
<input type="checkbox" name="chk_list" id="chk_list_2" value="2" />样单
<input type="checkbox" name="chk_list" id="chk_list_3" value="3" />说明书
</form>
<script type="text/javascript">
$("#chk_all").click(function(){
/* 设置全选 */
if($("#chk_all").attr("checked") == "checked"){
$("input[name='chk_list']").attr("checked",true);
}else{ /* 取消全选 */
$("input[name='chk_list']").attr("checked",false);
}
getVal();
});
/* 获取被选择的值 */
function getVal(){
var arrChk=$("input[name='chk_list']:checked");
$(arrChk).each(function(){
window.alert(this.value);
});
}
</script>
</body>
</html>
jquery checkBox全选及取消全选
最新推荐文章于 2024-04-25 11:38:14 发布