单击全部选择的处理事件

最新推荐文章于 2021-04-28 08:10:31 发布

原创最新推荐文章于 2021-04-28 08:10:31 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

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>