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"));
});
相關文章
- vue checkbox 實現全選,取消全選Vue
- jQuery核取方塊checkbox的全選和反選jQuery
- javascript實現 checkbox全選和批量刪除功能JavaScript
- js checkbox 全選 取消全選JS
- jQuery操作checkbox選擇程式碼jQuery
- jQuery實現輪播效果jQuery
- Jquery實現頁面的新增、刪除、全選、取消全選、漸變色jQuery
- checkbox及css實現點選下拉選單CSS
- jQuery 實現淡入淡出效果jQuery
- 基於jquery實現穿梭框效果jQuery
- Jquery實現的高亮效果程式碼分享jQuery
- jQuery 實現顯示與隱藏效果jQuery
- checkbox 核取方塊全選程式碼
- jquery和bootstrap獲取checkbox選中的多行資料jQueryboot
- JavaScript實現選項卡效果JavaScript
- checkbox與radio美化效果
- jquery幾種用來檢查checkbox是否選中的方法jQuery
- 利用jQuery實現Tab選項卡jQuery
- Jquery使用[Input type="checkbox&jQuery
- jQuery的radio,checkbox,select操作jQuery
- 基於JQuery的自定義樹形選單表格,實現展開、收起效果jQuery
- 使用 jquery 實現 css hover 長期維持效果jQueryCSS
- React實現全選和反選React
- jquery中點選切換的實現jQuery
- CSS3 checkbox美化效果CSSS3
- jQuery Validate checkbox和radio驗證jQuery
- 關於JQuery操作checkbox問題jQuery
- jQuery實現的表格展開伸縮效果例項jQuery
- 全選練習-原生版和jQueryjQuery
- TornadoFx實現側邊欄選單效果
- jQuery 淡入淡出效果下拉導航選單jQuery
- jQuery點選滑出層效果程式碼例項jQuery
- jQuery tab選項卡效果程式碼例項jQuery
- jquery實現四級級聯下拉選單jQuery
- js、jQuery實現文字上下無縫輪播、滾動效果JSjQuery
- CSS3 checkbox核取方塊和radio單選框美化效果CSSS3
- Checkbox點選多次失效原因,源於Jquery中.attr和.prop的區別jQuery
- jQuery實進度條效果詳解jQuery
- jQuery 效果方法jQuery