checkbox全选

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>全选</title>
<script>//全选按钮选中，单选按钮全部选中，function TabClick(){var flag=document.getElementById("checkboxID").checked;if(flag==true){var check_arr=document.getElementsByName("checkboxIDD");var count=check_arr.length;for(var i=0;i<count;i++){check_arr[i].checked=true;}}else{var check_arr=document.getElementsByName("checkboxIDD");var count=check_arr.length;for(var i=0;i<count;i++){check_arr[i].checked=false;}}}//如果单选按钮全部选中，则全选按钮选中，如果有一个单选按钮没有选中，则全选按钮不选中function onclickFlag() {var check_arr=document.getElementsByName("checkboxIDD");var count=check_arr.length;for(var i=0;i<count;i++){if(check_arr[i].checked==false){document.getElementById("checkboxID").checked=false;return;}else{document.getElementById("checkboxID").checked=true;}}}
</script>
</head>
<body>
<table id="tab" border="1px" width="500px" height="200px"><thead><tr><th><input id="checkboxID" type ="checkbox" onclick="TabClick()" />全选</th><th>12</th><th>13</th><th>14</th></tr></thead><tbody><tr><td><input name="checkboxIDD" id="aa" type="checkbox" onclick="onclickFlag()"/>单选</td><td>22</td><td>23</td><td>24</td></tr><tr><td><input name="checkboxIDD" type="checkbox" onclick="onclickFlag()"/>单选</td><td>32</td><td>33</td><td>34</td></tr><tr><td><input name="checkboxIDD" type="checkbox" onclick="onclickFlag()"/>单选</td><td>42</td><td>43</td><td>44</td></tr></tbody></table></body>
</html>

转载于:https://www.cnblogs.com/topsyuan/p/11256102.html

checkbox全选相关推荐

列表CheckBox全选结合DataGrid 进行删除操作
//CheckBox全选 function CA() { var frm=document.Form1; alert(frm) for (var i=0;i<frm.el ...
checkbox全选与反选
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
jQuery如何动态删除TR，input按钮删除本行记录,checkbox全选反选
checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...
checkbox全选衍生问题讨论
今天项目中遇到一个很简单的需求,全选.取消全选的功能,pa pa pa,代码如下: <script type="text/javascript" src="http ...
JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值
2019独角兽企业重金招聘Python工程师标准>>> JQuery是一个非常容易上手的框架,但是有很多东西需要我们深入学习的. 判断checkbox是否被选中网上有选多种写法,这里 ...
解决TreeView中使用JavaScript完成CheckBox全选的办法
结这次的工作,明白了几个关键的地方: 1.JavaScript中的确可以直接引用.Net服务器端控件,但是问题在于,控件的ID在编译后会自动加上名字空间,所以这里要特别注意. 2.使用JavaScri ...
android gridview item添加checkbox,手把手教你实现GridView中Checkbox全选
全选效果图这节讲得相对比较基础的东西,高手请忽略. 首先新建一个GridviewAdapter继承BaseAdapter public class GridviewAdapter extends B ...
knockout checkbox 全选
knockout checkbox 全选 <input type=checkbox data-bind="checked:IsAll"/>全选<ul data-b ...
jQuery实现checkBox全选全取消
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
PHP中获取CHECKBOX提交的内容及checkbox全选
提交页 //js控制全选/取消全选 <script type="text/javascript"> function check_all(obj,cName) { va ...

checkbox全选

checkbox全选相关推荐

最新文章

热门文章