ホームページ  >  記事  >  ウェブフロントエンド  >  すべてを選択し、選択を反転するシンプルで実用的な例 button_jquery

すべてを選択し、選択を反転するシンプルで実用的な例 button_jquery

WBOY
WBOYオリジナル
2016-05-16 17:19:361263ブラウズ
コードをコピー コードは次のとおりです:

//全ボタン処理を選択
$(function (){
//クリックしてすべて選択
$("#checkAll").click(function () {//すべて選択ボックスをクリックしたとき
var flag = $("#checkAll" ).is(" :checked"); // [すべて選択] ボタンのステータスを決定します
var checkItems=document.getElementsByName("checkItem");
for(var i=0;i checkItems[i].checked = flag;
}
});
// サブ項目をクリックします
$("input:checkbox[name=' checkItem']").each(function( ){
$(this).click(function(){
if($("input:checkbox[name='checkItem']:checked").length ==$("input:checkbox[name ='checkItem']").length){
document.getElementById("checkAll").checked = true;
}else{
document.getElementById( "checkAll").checked = false;
}
});
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。