ホームページ >ウェブフロントエンド >jsチュートリアル >JQUERY CHECKBOX 全選択、全選択解除、反転選択方法three_jquery

JQUERY CHECKBOX 全選択、全選択解除、反転選択方法three_jquery

WBOY
WBOYオリジナル
2016-05-16 19:01:321258ブラウズ

jquery.checkboxes.zip を解凍し、プラグインが使用されているページへの参照を解凍します。
これについては、説明するまでもありません。皆さんに理解を深めてもらうために、以下で具体的な例を見てみましょう。関数を実装するコードを直接投稿します:

コードをコピー コードは次のとおりです:

$("#myform").toggleCheckboxes()//全選択、すべての選択をキャンセル、選択を反転
$("#myform").toggleCheckboxes(":not(#checkbox1)")//すべてを選択し、すべての選択をキャンセルし、最初の選択を選択しません。選択を反転します
$( "#myform").toggleCheckboxes(".top5", true)//すべてを選択し、選択をキャンセルし、選択のみを選択します最初の 5 つは、選択を反転します
$("#myform").checkCheckboxes();//すべてを選択します
$("#myform").checkCheckboxes(":not(#checkbox1)");//最初の 5 つ以外をすべて選択します
$("#myform").checkCheckboxes(".top5" , true); //最初の 5 つをすべて選択します
$("#myform").unCheckCheckboxes(); /すべての選択をキャンセルします
$("#myform").unCheckCheckboxes(":not(#checkbox1 )");//すべての選択をキャンセルし、最初の選択を除外します
$("#myform").unCheckCheckboxes( ".top5", true);//すべての選択をキャンセルし、最初の 5 つを除外します
ここの Checkbox1 は ID 値を表し、top5 は CLASS 値を表します。興味のある友達はここでダウンロードできます。それを自分で使用することも、最初に公式のデモを見ることもできます。

ダウンロード アドレス: http://plugins.jquery.com/files/jquery.checkboxes.zip

デモ アドレス: http://www.texotela.co.uk/code/jquery/checkboxes/

皆さん、何か良い提案や方法がありましたら、ぜひ共有してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。