单击全部选择的处理事件

最新推荐文章于 2024-12-01 23:55:34 发布

iteye_18905

最新推荐文章于 2024-12-01 23:55:34 发布

阅读量159

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB 文章标签： JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_18905/article/details/81642364

WEB 专栏收录该内容

12 篇文章

订阅专栏


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>