萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery操作復選框的12個小技巧總結

jquery操作復選框的12個小技巧總結

 本篇文章主要是對jquery操作復選框(checkbox)的12個小技巧進行了總結介紹,需要的朋友可以過來參考下,希望對大家有所幫助

1、獲取單個checkbox選中項(三種寫法) $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val();   2、 獲取多個checkbox選中項 $('input:checkbox').each(function() {         if ($(this).attr('checked') ==true) {                 alert($(this).val());         } });   3、設置第一個checkbox 為選中值 $('input:checkbox:first').attr("checked",'checked'); 或者 $('input:checkbox').eq(0).attr("checked",'true');   4、設置最後一個checkbox為選中值 $('input:radio:last').attr('checked', 'checked'); 或者 $('input:radio:last').attr('checked', 'true');   5、根據索引值設置任意一個checkbox為選中值 $('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2.... 或者 $('input:radio').slice(1,2).attr('checked', 'true');   6、選中多個checkbox同時選中第1個和第2個的checkbox $('input:radio').slice(0,2).attr('checked','true');   7、根據Value值設置checkbox為選中值 $("input:checkbox[value='1']").attr('checked','true');   8、刪除Value=1的checkbox $("input:checkbox[value='1']").remove();   9、刪除第幾個checkbox $("input:checkbox").eq(索引值).remove();索引值=0,1,2.... 如刪除第3個checkbox: $("input:checkbox").eq(2).remove();   10、遍歷checkbox $('input:checkbox').each(function (index, domEle) { //寫入代碼 });   11、全部選中 $('input:checkbox').each(function() {         $(this).attr('checked', true); });   12、全部取消選擇 $('input:checkbox').each(function () {         $(this).attr('checked',false); });   您可能感興趣的文章: JS,Jquery獲取select,dropdownlist,checkbox下拉列表框的值(示例代碼) jQuery判斷checkbox是否選中的小例子 JQuery對checkbox操作 (循環獲取)  
copyright © 萬盛學電腦網 all rights reserved