js checkbox 全選 取消全選
<body >
<input type="button" name="inputfile" id="inputfile" value="點選匯入" onclick="open();"/>
<input type="file" id="File1" name="File1" style="display:none;">
<input type="button" name="outbtn" value="匯出"/>
<table border="1">
<!-- <tr>
<a href="javascript:;" class="a-upload"> </a>
</tr>-->
<tr>
<td><input id="all" type="checkbox" name="yon" onclick="chk()"/></td>
<td>ID</td>
<td>地區</td>
</tr>
<c:forEach items="${dislist }" var="dis">
<tr>
<td><input id="mychk" type="checkbox" name="mychk"/></td>
<td>${dis.id }</td>
<td>${dis.name }</td>
</tr>
</c:forEach>
</table>
</body>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
/* $("#all").click(function(){
alert("11111111");
if(this.checked){
alert("2222");
$("mychk").prop("checked",true);
}else{
$("mychk").prop("checked",false);
}
}); */
function chk(){
var all = document.getElementById("all");
var mychk = document.getElementsByName("mychk");
alert("mychk長度=="+mychk.length);
if(all.checked==true){
alert("all.checked==true全選");
if(mychk.length){
for(var i=0;i<mychk.length;i++){
mychk[i].checked = true;
}
}
mychk.chcked=true;
}else{
alert("all.checked==false全不選");
if(mychk.length){
for(var i=0;i<mychk.length;i++){
mychk[i].checked = false;
}
}
}
}
</script>
相關文章
- vue checkbox 實現全選,取消全選Vue
- ALV程式checkbox全選及取消全選
- checkbox全選和取消全選完整程式碼例項
- javascript checkbox核取方塊全選和取消全選效果JavaScript
- checkbox核取方塊全選和取消全選例項程式碼
- js核取方塊全選和取消全選效果JS
- JS_多選框全選與取消全選的實現JS
- JavaScript實現單擊全選 ,再次點選取消全選JavaScript
- js中checkbox的全選和反選的實現JS
- JavaScript checkbox全選和全不選效果JavaScript
- JavaScript 核取方塊全選和取消全選效果JavaScript
- ListView全選刪除CheckBoxView
- jQuery 實現checkBox全選效果jQuery
- 【常用jQuery程式碼段】checkbox全選/反選jQuery
- Jquery實現頁面的新增、刪除、全選、取消全選、漸變色jQuery
- jQuery核取方塊checkbox的全選和反選jQuery
- Android列表實現單選、多選、全選、取消、刪除Android
- checkbox 核取方塊全選程式碼
- php獲取全選checkbox多個值PHP
- 簡單的js反選,全選,全不選JS
- 全選或者單選checkbox的值動態新增到div
- vue.js單選全選刪除Vue.js
- javascript實現checkbox核取方塊全選和反選功能JavaScript
- javascript實現 checkbox全選和批量刪除功能JavaScript
- jquery實現checkbox核取方塊全選效果jQuery
- 28-30 js 文字全選JS
- 小程式核取方塊全選和全部取消
- JS實現核取方塊全選反選JS
- JS如何實現對name是陣列的核取方塊的全選和反選以及取消選擇JS陣列
- avalon繫結實現checkbox全選簡單介紹
- JS全選功能程式碼優化JS優化
- 使用jQuery做核取方塊的全選與取消jQuery
- GridView全選View
- Android ListView(Selector 背景圖片 全選 Checkbox等按鈕)AndroidView
- 在DataGrid頁首上新增全選的CheckBox控制元件控制元件
- React實現全選和反選React
- javascript實現核取方塊全選和取消程式碼分析JavaScript
- 如何使用jQuery實現核取方塊的全選和取消jQuery