CheckBox各種用法 (CheckBox列表 顯示勾選項目) C# JQuery

其他

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());
}
});

JQuery::獲取有勾選的
$(‘input[name=”ck”]:checked’).each(function () {
$(“#”+$(this).val()+”Div”).show();
});

JQuery:獲取沒有勾選的
$(‘input[name=”ck”]:not(:checked)’).each(function () {
$(“input[name=”+$(this).val()).attr(“disabled”,false);
});


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、全部選中
JQuery:
$(‘input:checkbox’).each(function() {
$(this).prop(“checked”, true);
});


12、全部取消選擇
C#:


JQuery:
$(“input[name=”+$(this).val()]”).prop(“checked”,false); //指定該項目的全部,取消勾選$(“input[name=”+$(this).val()+”Checkbox]”).attr(“checked”,false); //此方法無效,不要使用

13、指定未被選中的項目,全部勾選起來

JQuery
$(“input[name=’ck’]:not(#ck0)”).each(function(){
<%– 沒有被勾選的,全部選起來 –%>
$(this).prop(“checked”, true);
});

Related Posts

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js