ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryに基づいて、チェックボックスの全選択、全選択解除、および反転選択を実装します function_jquery

jQueryに基づいて、チェックボックスの全選択、全選択解除、および反転選択を実装します function_jquery

WBOY
リリース: 2016-05-16 16:30:31
オリジナル
1456 人が閲覧しました

このコードは、多くの jQuery チェック ボックス関数コードから選択されたもので、私のプロジェクトで使用されているコードはここで全員と共有されています。

jQuery コード:

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

$(function(){
$("#checkedAll").click(function(){
$('[name=items]:checkbox').attr('checked',true); }); $("#checkedNo").click(function(){
$('[name=items]:checkbox').attr('checked',false); }); $("#checkedRev").click(function(){
$('[name=items]:checkbox').each(function(){
//$(this).attr('checked',!$(this).attr('checked')); this.checked = !this.checked
}); }); $("#send").click(function(){
Var Str = "あなたが選択するものは次のとおりです: n";
$('[name=items]:checkbox:checked').each(function(){
str = $(this).val() "rn"; }); アラート(文字列); }); });



HTML コード:





コードをコピーします

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

あなたの好きなスポーツは何ですか?

フットボール

バスケットボール

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