jQuery 實現checkBox全選效果
html/jsp程式碼:
<div class="dlnm">
<input type="checkbox" class="omipt" value="111"> 111
<input type="checkbox" class="omipt" value="222"> 222
<input type="checkbox" class="omipt" value="333"> 333
<input type="checkbox" class="omipt" value="444"> 444
<input type="checkbox" class="omipt" value="555"> 555
<input type="checkbox" class="omipt" value="666"> 666
</div>
<input type="checkbox" class="allSelect" value=""> 全選
js程式碼:
$(".allSelect").bind("click",function(){
$(".dlnm input[type='checkbox']").prop("checked",$(".allSelect").prop("checked"));
});
相關文章
- jquery實現checkbox核取方塊全選效果jQuery
- vue checkbox 實現全選,取消全選Vue
- JavaScript checkbox全選和全不選效果JavaScript
- 【常用jQuery程式碼段】checkbox全選/反選jQuery
- javascript checkbox核取方塊全選和取消全選效果JavaScript
- js中checkbox的全選和反選的實現JS
- jQuery核取方塊checkbox的全選和反選jQuery
- js checkbox 全選 取消全選JS
- javascript實現 checkbox全選和批量刪除功能JavaScript
- jQuery如何實現tab選項卡效果jQuery
- js實現checkbox核取方塊的反選效果JS
- javascript實現checkbox核取方塊全選和反選功能JavaScript
- avalon繫結實現checkbox全選簡單介紹
- jQuery核取方塊全選和全不選效果jQuery
- jquery中attr和prop的區別+jquery實現全選全不選jQuery
- Jquery實現頁面的新增、刪除、全選、取消全選、漸變色jQuery
- ALV程式checkbox全選及取消全選
- jQuery如何實現核取方塊全選和全不選jQuery
- jQuery核取方塊全選和全不選效果程式碼jQuery
- ListView全選刪除CheckBoxView
- jQuery實現的限制checkbox核取方塊選中的數目jQuery
- jquery實現的判斷checkbox核取方塊是否被選中jQuery
- jquery實現在滑鼠點選處的炫酷效果jQuery
- jquery實現的選項卡效果例項程式碼jQuery
- jquery實現的全選和刪除功能外掛jQuery
- jQuery實現輪播效果jQuery
- checkbox全選和取消全選完整程式碼例項
- jQuery第二次無法全選checkbox核取方塊jQuery
- jQuery操作checkbox選擇程式碼jQuery
- jquery獲取checkbox是否選中jQuery
- checkbox及css實現點選下拉選單CSS
- jQuery實現的點選彈出登陸視窗效果jQuery
- css3和jQuery實現的點選出現波紋效果CSSS3jQuery
- 原生js實現的核取方塊的全選和全不選效果JS
- jQuery 實現淡入淡出效果jQuery
- 使用jQuery實現的取消radio按鈕選中效果jQuery
- jQuery實現的滑鼠懸浮和選中實現表格行背景變色效果jQuery
- jquery 設定checkbox選中 和獲取選中值jQuery