W3Cschool
恭喜您成為首批注冊(cè)用戶(hù)
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
1、獲取單個(gè)checkbox選中項(xiàng)(三種寫(xiě)法)
$("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val();
2、 獲取多個(gè)checkbox選中項(xiàng)
$('input:checkbox').each(function() { if ($(this).attr('checked') ==true) { alert($(this).val()); } });
3、設(shè)置第一個(gè)checkbox 為選中值
$('input:checkbox:first').attr("checked",'checked'); 或者 $('input:checkbox').eq(0).attr("checked",'true');
4、設(shè)置最后一個(gè)checkbox為選中值
$('input:radio:last').attr('checked', 'checked'); 或者 $('input:radio:last').attr('checked', 'true');
5、根據(jù)索引值設(shè)置任意一個(gè)checkbox為選中值
$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2.... 或者 $('input:radio').slice(1,2).attr('checked', 'true');
6、選中多個(gè)checkbox同時(shí)選中第1個(gè)和第2個(gè)的checkbox
$('input:radio').slice(0,2).attr('checked','true');
7、根據(jù)Value值設(shè)置checkbox為選中值
$("input:checkbox[value='1']").attr('checked','true');
8、刪除Value=1的checkbox
$("input:checkbox[value='1']").remove();
9、刪除第幾個(gè)checkbox
$("input:checkbox").eq(索引值).remove();索引值=0,1,2.... 如刪除第3個(gè)checkbox: $("input:checkbox").eq(2).remove();
10、遍歷checkbox
$('input:checkbox').each(function (index, domEle) { //寫(xiě)入代碼 });
11、全部選中
$('input:checkbox').each(function() { $(this).attr('checked', true); });
12、全部取消選擇
$('input:checkbox').each(function () { $(this).attr('checked',false); });
小例子:
html代碼:
<INPUT id="checkAll" TYPE="CHECKBOX" ONCLICK="CheckAll(this,'rid')">//js全選 <INPUT id="checkAll" TYPE="CHECKBOX" ONCLICK="CheckAll(this)">//jquery全選 <input type="checkbox" name="rid" id="rid" /> <input type="checkbox" name="rid" id="rid" /> <input type="checkbox" name="rid" id="rid" />
js全選:
function CheckAll(obj,objName){ var objs = document.getElementsByName(objName); if(objs && obj){ for(var i=0;i<objs.length;i++){ objs[i].checked=obj.checked; } } } jquery全選:
function CheckAll(obj){
if(obj.checked){
$('input:checkbox').each(function() {
$(this).attr('checked', true);
});
}else{
$('input:checkbox').each(function () {
$(this).attr('checked',false);
});
}
}
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: