<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
</style>
<script src="js/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function () {
$('#checkkall').bind('click',function () {
var checkboxes = $('#form-fields li').find('.check');
if(this.checked)
{
checkboxes.attr('checked','true');
}else
{
checkboxes.attr('checked','false');
};
});
});
</script>
</head>
<body>
<ul id="form-fields">
<li>
<input name="check1" class="check" type="checkbox"/>
<label>Checkbox 1</label>
</li>
<li>
<input name="check2" class="check" type="checkbox"/>
<label>Checkbox 2</label>
</li>
<li>
<input name="check3" class="check" type="checkbox"/>
<label>Checkbox 3</label>
</li>
<li>
<input name="check4" class="check" type="checkbox"/>
<label>Checkbox 4</label>
</li>
<li>
<input name="check5" class="check" type="checkbox"/>
<label>Checkbox 5</label>
</li>
</ul>
<input type="checkbox" id="checkkall"/>
<label>Check all</label>
</body>
</html>jquery学习笔记（六）
猜你喜欢
转载自blog.csdn.net/jiahonhyu0609/article/details/79899607
今日推荐
周排行