单击全部选择的处理事件

function cAll() 
{
	var checkList = document.getElementsByName('inputCheck');
	for(var i=0; i<checkList.length; i++)
	{
		checkList[i].checked = document.getElementById('checkAll').checked;
	}
}


jquery实现
<html>
    <head>
    	<meta content="text/html; charset=UTF-8"/>
    	<script src="jquery-1.2.6.js"></script>
        <script type="text/javascript">
            $(document).ready(function()
			{
   				$("#selectall").click(selectAll);
			});

			function selectAll()
			{
				var checked = $("#selectall").attr("checked");
				
				$(".selectable").each(function()
				{
					var subChecked = $(this).attr("checked");
					if (subChecked != checked) 
						$(this).click();
				});
			}
 		</script>
 </head>
    <body>
        <input type="checkbox" id="selectall">all<br/>
		<input type="checkbox" class="selectable">aaa<br/>
		<input type="checkbox" class="selectable">bbb<br/>
		<input type="checkbox" class="selectable">ccc<br/>
    </body>
</html>

你可能感兴趣的:(JavaScript)