jquery操作チェックボックス(checkbox)の12のテクニックは以下の通りです.
4118 ワード
jqueryチェックボックス(checkbox)を操作する12のテクニックは、1、単一のcheckbox選択項目を取得する(3つの書き方)
2、複数のcheckbox選択項目を取得する
3、最初のcheckboxを選択値に設定
4、最後のcheckboxを選択値に設定
5、インデックス値に基づいて任意のcheckboxを選択値に設定する
6、複数のcheckboxを選択して1番目と2番目のcheckboxを同時に選択する
7、Value値よりcheckboxを選択値に設定
8、Value=1のcheckboxを削除する
9、いくつ目のcheckboxを削除する
10、checkboxを巡る
11、すべて選択
12、すべて選択解除
1
$(
"input:checkbox:checked"
).val()
2
$(
"input:[type='checkbox']:checked"
).val();
3
$(
"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を選択値に設定する
1
$(
'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
);
});