<html>
<head>
<meta charset="utf-8">
<!-- 引入jQuery -->
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script>
$(function(){
$("#CheckedAll").click(function(){
if(this.checked) //如果当前点击的多选框被选中
{
$('input[type=checkbox][name=items]').attr("checked", true);
}
else
{
$('input[type=checkbox][name=items]').attr("checked", false);
}
});
$("input[type=checkbox][name=items]").click(function(){
var flag=true;
$("input[type=checkbox][name=items]").each(function(){
if(!this.checked) //如果当前被点击的多选框没被选中
{
flag=false;
}
});
if(flag)
{
$('#CheckedAll').attr('checked', true );
}
else
{
$('#CheckedAll').attr('checked', false );
}
});
$("#send").click(function(){
var str="";
$("input[type=checkbox][name=items]:checked").each(function(){
str += $(this).val() + "\r\n";
})
alert(str);
})
})
</script>
</head>
<body>
<form>
你爱好的运动是:
<input type="checkbox" id="CheckedAll"/ >全选/不全选
<br />
<input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球" />篮球
<input type="checkbox" name="items" value="羽毛球" />羽毛球
<input type="checkbox" name="items" value="乒乓球" />乒乓球
<br />
<input type="button" id="send" value="提交" />
</form>
</body>
</html>
转载于:https://my.oschina.net/lvhuizhenblog/blog/312371