ホームページ > ウェブフロントエンド > jsチュートリアル > Jquery チェックボックス js チェックボックスを使用してすべてのメソッド コードを選択します すべての逆コードを選択します_jquery

Jquery チェックボックス js チェックボックスを使用してすべてのメソッド コードを選択します すべての逆コードを選択します_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-05-16 18:25:32
オリジナル
1085 人が閲覧しました
jquery メソッドは次のとおりです:
コードをコピー コードは次のとおりです:

function CheckAll (val) {
$("input[name='chkJob']").each(function() {
this.checked = val;
}); >$("#chkAll ").attr("checked", val);//全選択ボタンの状態を設定します
}

val このパラメータは、選択ボタンの選択状態を渡します-all button
name= 'chkJob' はリスト内のチェックボックスの名前です
chkAll はすべて選択ボタンの名前です
Jquery のシンプルさと明瞭さが気に入っています...
JavaScriptで書くのと比べると本当にギャップがあります!
例:

JavaScript のすべて選択と逆選択コード
コードをコピー コードは次のとおりです次のように:
//すべてを選択
function checkall() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length ; i ) {
if (all[i].type == "チェックボックス") {
all[i].checked = true; }
/ /反転選択
function checknull() {
var all = document.getElementsByTagName("input");
for (var i = 0; i if ( all[i].type == "チェックボックス") {
all[i].checked = false;
}
}

関連ラベル:
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート