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

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

WBOY
WBOYオリジナル
2016-05-16 18:25:32988ブラウズ
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 までご連絡ください。