您的位置：首页 > Web前端 > JQuery

jquery checkBox全选及取消全选

2013-08-30 10:18 309 查看

<%@ 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

相关文章推荐

新的分享

章节导航